解决若依vue版菜单点不开 Error: Cannot find module ‘@/views/system/user/index‘错误

问题描述

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

  后台、vue前端启动都没问题。但是左侧菜单点不开，一直在加载中。

  F12 控制台输出：

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

  

    经过调试看到是路由懒加载的部分出错了，找到代码里，对应的是 src/store/modules/permission.js：

export const loadView = (view) => { // 路由懒加载
  return () => import(`@/views/${view}`)
}

  

解决方法

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

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

修改方式如上图所示：

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

  重启一下就好了。