vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件

router.js 路由部分

export const normalRouter = {

path: '/',

meta: {

login: false

},

component: () => import('@/views/normal/home'),

redirect: '/pagelist',

children: [

{

name: 'normalPageList',

component: () => import('@/views/normal/pagelist'),

path: 'pagelist',

meta: {

login: false,

title: '首页'

},

},

{

name: 'normalTagList',

path: 'categories',

meta: {

login: false,

title: '分类'

},

components: () => import('@/views/normal/tagList')

},

{

name: 'normalmyPageList',

path: 'myPageList',

meta: {

login: true,

title: '归档'

},

components: () => import('@/views/normal/myPageList')

},

{

name: 'normalGuestBook',

components: () => import('@/views/normal/guestBook'),

path: 'guestbook',

meta: {

login: true,

title: '留言'

},

}

]

}

header组件 blogHeader.vue

• {{ route.meta.title }}

显示页面 home.vue

页面显示

首页

但是切换路由后没有加载组件

我又切回首页，首页组件能正常加载，但是只有首页组件能正常加载，切换到分类，归档和留言这三个组件时都没有加载对应组件，有点迷茫=。=