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

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
      }
    ]
})

通过异步组件就可以规避类型报错