解决前端可以进入首页，菜单导航无法加载

只适用于部分vue 版菜单点不开，报错：Error: Cannot find module ‘@/views/system/user/index’导致的

在本地可以显示，一切正常，但是打包npm run build：prod 打出dist包，放在服务器上，可以正常进入首页，但是点击菜单导航无法加载

点击F12，打开控制台，检查报错，显示

Error: Cannot find module '@/views/system/user/index'
    at webpackEmptyContext (index.js:39)
    at permission.js:73

有可能是路由懒加载造成的，懒加载代码如图

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

解决方法

  了解到是 webpack 版本问题，webpack4 不支持变量方式的动态 import ，新版本的使用 require() 来解决此问题。

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

项目重启，打包到服务器中，我的项目就可以正常使用了。

参考：解决若依vue版菜单点不开 Error: Cannot find module ‘@/views/system/user/index‘错误 - xiexie0812 - 博客园 (cnblogs.com)