Cannot find module ‘xxx‘，错误解决方法

错误信息

解决方法
进入router中的index.js

component: () => import('@/views/login/index'),

改为

component: (resolve) => require(["@/views/login/index"], resolve),

如果是动态路由则

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

改为

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

错误原因是老外修改了webpack打包逻辑，webpack4中动态import不支持变量方式，
该修改对于生产环境无影响，只在开发环境有问题

 

如果用若依系统的，ruoyi-ui/src/store/modules/permission.js里面，修改代码，就是注释掉的那行return:

export const loadView = (view) => { // 路由懒加载

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

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

}