在使用vue-cli构建的主应用中，集成qiankun微前端框架时遇到了错误。报错信息指出微应用1（基于vue+webpack）和微应用2（umi3）的生命周期钩子未被正确导出。为解决此问题，需要在微应用1的入口文件中添加生命周期钩子，并在webpack配置中做相应调整。参照qiankun官方FAQ，完成这些改动后，微应用应能正常加载。
enviroment
主应用 vue-cli搭建
微应用1 vue+webpack
微应用2 umi3
error
启动主应用控制台报错
Uncaught Error: application ‘vue2’ died in status LOADING_SOURCE_CODE: [qiankun] You need to export lifecycle functions in vue2 entry
reason
qiankun 抛出这个错误是因为无法从微应用的 entry js 中识别出其导出的生命周期钩子。
resolution
参考 官方FAQ第一个问题
https://qiankun.umijs.org/zh/faq
微应用1的解决办法
在vue入口文件添加生命周期的钩子
在webpack打包配置添加如下webpack配置
扫一扫
1410
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
