若依 vue 版菜单点不开，报错：Error: Cannot find module ‘@/views/system/user/index’

问题描述

今天运行后端哥哥都爱的若依项目：RuoYi-Vue 的时候，发现可以正常启动，但是左侧菜单点不开，一直在加载中。

然后 F12 一看控制台一顿输出：

Error: Cannot find module '@/views/system/user/index'
    at webpackEmptyContext (index.js:39)
    at permission.js:73

代码没动，之前还能运行，让我这后端同志肿么办，硬着头皮点进去，看到是路由懒加载的部分出错了：

找到代码里，对应的是 src/store/modules/permission.js：

于是搜索了一下:

return () => import(`@/views/${view}`)

了解到是 webpack 版本问题，webpack4 不支持变量方式的动态 import ，新版本的使用 require() 来解决此问题。

解决方法

打开 src/store/modules/permission.js 文件，将加载方式修改成：

return (resolve) => require([`@/views/${view}`], resolve)

重启一下就好了。