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

本文主要是介绍若依部署后出现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),

三、打包测试

• 正常访问啦！

这篇关于若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题，本地没有问题（解决办法）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---