qiankun框架: vue2 主应用访问子应用报错 [import-html-entry]:error occurs 或 died in status LOADING_SOURCE_CODE

这是是用qiankun做的微应用时出现的问题,非single-spa和micro-app。

如果本地运行一切正常,但是打包后部署之后,控制台报错:

Uncaught Error: application 'contractCenterApps' died in status LOADING_SOURCE_CODE: [qiankun]: You need to export lifecycle functions in contractCenterApps entry

可能是这个原因的导致的

这个问题仅限vue2,即文件目录结构为这样的:

vue3结构:

vue3不会有这个问题,vue3直接在vue.config.js中的output定义了umd格式,无论是本地跑还是打包发布后,都是umd格式,

唯独vue2,不仅仅需要在webpack.dev.config.js中定义,因为这里只对本地npm run dev时生效,另外想在打包后也生效的话,还需要在webpack.prod.config.js中也定义output为umd格式!!!!!

vue2如果打包后的结构是下面的这样,那应该就是不对的,没有加output的umd格式设置。

vue2如果打包后的结构是这样,那就是正确的:

 这里标注一下需要修改的地方:

其他情况,报died in status LOADING_SOURCE_CODE的 参考官网:

常见问题 - qiankunhttps://qiankun.umijs.org/zh/faq

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风间琉璃c

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值