今天学习vue3 + vite 时报了这个bug:
TypeError: Failed to fetch dynamically imported module:
检查后得知:在路由(router.js)文件中不能用绝对路径导入组件 而且组件文件要加上后缀名
正确:component: () => import('../views/login.vue')
错误:component: () => import('@/views/login')
总结:其实上面的两种写法也不能说对错
component: () => import('../views/login.vue') -- 是 vue3 + vite 写法
component: () => import('@/views/login') -- 是 vue3 + webpack 写法
![](https://img2022.cnblogs.com/blog/1992581/202204/1992581-20220420181406070-806065269.png)