若依VUE本地运行没问题部署到线上报Error: Cannot find module ‘@/views/xxx‘的问题

问题描述：

若依 vue 版菜单点不开，报错：Error: Cannot find module ‘@/views/xxx’ 。后台、vue前端启动都没问题。但是左侧菜单点不开，一直在加载中。

原因：

路由懒加载，webpack版本问题，webpack4 不支持变量方式的动态 import ，新版本需要使用 require() 来解决此问题。

解决办法：

第一个地方，store/modules/permission.js。

将else中的import引入改为require方式引入

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

第二个地方，router/index.js。

组件引入方式改为require方式引入s

component: (resolve) => require(['@/views/system/user/authRole'],resolve),