
解决办法:
经过调试看到是路由懒加载的部分出错了,找到代码里,对应的是 src/store/modules/permission.js:
export const loadView = (view) => {
if (process.env.NODE_ENV === 'development') {
return (resolve) => require([`@/views/${view}`], resolve)
} else {
// 使用 import 实现生产环境的路由懒加载
return () => import(`@/views/${view}`)
}
}
更改为
export const loadView = (view) => {
if (process.env.NODE_ENV === 'development') {
return (resolve) => require([`@/views/${view}`], resolve)
} else {
// 使用 import 实现生产环境的路由懒加载
// return () => import(`@/views/${view}`)
return (resolve) => require([`@/views/${view}`], resolve)
}
}

另一种解决方案是安装下面的依赖:
npm install --save-dev @babel/plugin-syntax-dynamic-import
本文档主要介绍了如何解决路由懒加载在开发和生产环境中出现的问题。通过修改`src/store/modules/permission.js`文件中关于懒加载的代码段,确保在生产环境下正确执行。同时提供了一个备选方案,即安装`@babel/plugin-syntax-dynamic-import`依赖来解决此类问题。
1万+





