若依生产环境打包 动态路由按需加载-Cannot find module

使用若依打包生产环境和测试环境的时候出现
Cannot find module @/xxx/xxx
感谢大佬的方法
https://blog.csdn.net/yorcentroll/article/details/131061585
大概是因为bable配置导致的
根据提供的方法进行配置

// bable.config.js
module.exports = {
  presets: [
    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
    // '@vue/cli-plugin-babel/preset'
    '@vue/babel-preset-jsx',
   [ '@babel/preset-env',
    {
      'useBuiltIns': 'entry',
      'corejs': 3
    }]
  ],
 
  'env': {
    'development': {
      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
      'plugins': ['dynamic-import-node']
    },
  }
}
// permission.js
export const loadView = (view) => { // 路由懒加载
  if (process.env.NODE_ENV === 'development') {
    return (resolve) => require([`@/views/${view}`], resolve)
  } else {
    // 使用 import 实现生产环境的路由懒加载
    return  () => import(`@/views/${view}`)
  }
}

若依.env文件增加如下配置

BABEL_ENV = production

需要安装以下依赖

npm install babel-plugin-dynamic-import-node@^2.3.3 --save-dev
npm install @babel/preset-env@7.22.5 --save-dev
  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
根据提供的引用内容,出现"Error: Cannot find module './route'"的错误可能有几个原因。首先,可能是因为您使用的nest版本过低,解决方法是将nest升级至最新版本,可以使用命令"nest update -f -t latest"来进行升级。\[1\]另外,这个错误也可能是由于前端使用的vue-element-admin框架中的路由动态返回导致的。如果在后台配置了路由,可能会出现前台报错。您可以尝试重新登陆并核对配置的正确性,如果问题仍然存在,可以尝试重新运行项目。\[2\]此外,还要确保路由的component正确注册,可以尝试使用以下方法进行注册:route.component = (resolve) => require(\[`@/views/${component}.vue`\], resolve)。\[3\]希望这些解决方案能够帮助您解决问题。 #### 引用[.reference_title] - *1* [NestJS Error: Cannot find module ‘@nestjs/core/router/route-path-factory](https://blog.csdn.net/m0_46485559/article/details/119739290)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [动态路由报Cannot find module。](https://blog.csdn.net/qq_42565994/article/details/116586937)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值