前端若依框架路由跳转报错 Error: Cannot find module “@/views/xxx/xxx/xxx“

前言

前端代码打包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) // 修改后
  }
}

加油骚年！