【若依】部署后访问提示Error: Cannot find module ‘@/views/xxx‘

1.起因

1. 登录页、首页等静态页面可以正常进入，后端访问也正常，可以获取到验证码。
2. 动态页面：系统管理 -> 用户管理、角色管理等在菜单管理中配置的地址在本地可以正常进入，但是部署后提示Error: Cannot find module ‘@/views/xxx’

2.分析

参考：https://blog.csdn.net/qq_40147863/article/details/121727997

简单来说就是webpack版本的问题

3.定位

src/permission.js文件

loadView方法是用来加载动态页面的

export const loadView = (view) => {
  if (process.env.NODE_ENV === 'development') {
    return (resolve) => require([`@/views/${view}`], resolve)
  } else {
    // 使用 import 实现生产环境的路由懒加载
    return () => import(`@/views/${view}`)
  }
}

4.解决

将loadView方法改成如下代码后重新部署即可使用

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