Vue3 Application died in status LOADING_SOURCE_CODE: You need to export the functional lifecycles in

Vue3 Application xxx died in status LOADING_SOURCE_CODE: You need to export the functional lifecycles in xxx entry
踩了一个大坑关于vue3 qiankun,必须记录一下

第一步: 首先考虑是否编译打包的问题

将 libraryTarget 设置成 umd 打包方式,在vue.config.js文件添加:

webpack4:

configureWebpack: {
    output: {
      library: `${name}-[name]`,
      libraryTarget: "umd",
      jsonpFunction: `webpackJsonp_${name}`,
    }
  }

webpack5:

configureWebpack: {
    output: {
      library: `${name}-[name]`,
      libraryTarget: "umd",
      chunkLoadingGlobal: `webpackJsonp_${name}`,
    }
  }

第二步:如果第一步仍然没解决问题,则查看是否出现一样的情况

两个子应用的微前端配置中entry的名字前半截是一样的,比如:

修改前代码

这样也会报上面的错误,尝试解决:将第二个子应用的entry名字中的controll-panel改成其他单词 就!解!!决!!!了!!![OMG震惊.gif]

修改后的代码

【学无止境,踩坑不停】

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这个错误信息是指在加载 _20230827132418.jpg 图片时,服务器返回了404 (Not Found) 的状态,表示该图片未找到。这通常是由于路径配置不正确或者服务器上确实不存在该文件导致的。根据引用内容和,解决方案可以有两种: 1. 修改配置文件中的 assetsPublicPath 为 "./",这样可以确保路径正确。 2. 确保图片文件在服务器上存在,如果确实不存在,需要上传正确的图片文件到服务器上。 根据引用内容,这个错误可能发生在页面渲染时,后端返回的数据中包含了图片路径,但是在前端渲染时,却找不到该图片。因此,确保后端返回的图片路径是正确的,并且图片文件确实存在。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [报错解决——Failed to load resource: the server responded with a status of 404 (Not Found)](https://blog.csdn.net/m0_51511286/article/details/123127476)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue打包npm run build时候界面报错的解决](https://download.csdn.net/download/weixin_38626943/13128820)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Failed to load resource: the server responded with a status of 404 (Not Found) 报错](https://blog.csdn.net/sdsdvsdvs/article/details/126335311)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值