首页 > 技术文章 > TypeError: Failed to fetch dynamically imported module:

zhang-hong 2022-04-20 17:56 原文

今天学习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 写法
 
 
 

推荐阅读