RuoYi-Vue前端打包动态路由加载报错问题

问题

打包后显示无法找到模块
Issues地址:动态路由按需加载-Cannot find module
commit地址:修复版本差异导致的懒加载报错问题

解决

根据提交记录评论区中@CodeDreamfy的方法，把plugin-dynamic-import-node插件修改为@babel/plugin-syntax-dynamic-import并在babel.config.js中配置，问题解决

修改方法

1.安装插件

npm install @babel/plugin-syntax-dynamic-import --save-dev

2.修改babel.config.js(如有其他环境可自行添加)

module.exports = {
  presets: [
    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
    '@vue/cli-plugin-babel/preset'
  ],
  'env': {
    // 测试环境
    'staging': {
      'plugins': ['@babel/plugin-syntax-dynamic-import']
    },
    // 生产环境
    'production': {
      'plugins': ['@babel/plugin-syntax-dynamic-import']
    }
  }
}

3.运行打包命令

npm run build:prod

或

npm run build:stage

部署代码，访问正常，问题解决