若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题（解决办法）

若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题

---

一、问题描述

1️⃣：描述

• 若依项目本地运行没有问题，部署到服务器以后点击菜单切换路由，一直处于加载状态，打开控制台，发现报错Error: Cannot find module ‘@/views/xxx‘。

2️⃣：原因

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

二、解决办法

1.permission.js

src/store/modules/permission.js

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

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

2.router/index.js

src/router/index.js

// 源代码
component: () => import('@/views/system/user/authRole'),
        
 // 改为
component: (resolve) => require([`@/views/system/user/authRole`], resolve),

三、打包测试

• 正常访问啦！