Cannot find module 'xxx'，錯誤解決方法

錯誤信息

Cannot find module '@/views/login/index'
Failed to resolve async component default
vue-router.esm.js:1897 Error: Cannot find module '@/views/login/index'
at webpackEmptyContext (index.js:39)
at permission.js:90
1
2
3
4
5
解決方法
進入router中的index.js

component: () => import('@/views/login/index'),
1
改為

component: (resolve) => require(["@/views/login/index"], resolve),
1
如果是動態路由則

export const loadView = (view) => { // 路由懶加載
return () => import(`@/views/${view}`)
}
1
2
3
改為

export const loadView = (view) => { // 路由懶加載
return (resolve) => require([`@/views/${view}`], resolve)
}
1
2
3
錯誤原因是老外修改了webpack打包邏輯，webpack4中動態import不支持變量方式，
該修改對於生產環境無影響，只在開發環境有問題

如果解決了你的問題，請回來點贊哦。
————————————————
版權聲明：本文為CSDN博主「mekave」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/mekave/java/article/details/105954542