错误信息
解决方法
进入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)
}