vue-router的4.0.0-alpha.6中的component

最新推荐文章于 2025-04-11 11:32:18 发布

py_boy

最新推荐文章于 2025-04-11 11:32:18 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/py_boy/article/details/108124342

vue 专栏收录该内容

11 篇文章

订阅专栏

本文探讨了在Vue项目中使用createRouter配置路由时遇到的类型不匹配问题，特别是当尝试将通过import导入的组件直接赋值给route的component属性时。文章提供了规避此问题的方法，即使用异步组件来替代直接导入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import effect from '@/pages/effect.vue';
// effect通过import导出的方式会爆出类型不匹配，component识别出的类型为undefined
const router = createRouter({
	routes: [
      {
        path: '/',
        name: 'login',
        component: () => import('@/pages/login/login.vue')
      },
      {
        path: '/reactive',
        component: () => import('@/pages/login/reactive.vue')
      },
      {
        path: '/effect',
        component: effect
      }
    ]
})