前言
前端代码打包dist文件之后,部署后发现只有首页可以显现,然后跳转路由没生效,控制台报错 Error: Cannot find module “@/views/xxx/xxx/xxx”
原因
webpack4 不支持变量方式的动态 import ,新版本的使用 require() 来解决此问题。
修改代码:
打开若依代码找到/src/store/modules/permission.js文件
然后拉到最下面找到这段代码
看若依这里,dev打包他会走require的懒加载,反而打生产包会走import,真的很栓Q,然后我们把生产这里也改成和dev一样的
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) // 修改后
}
}
加油骚年!