按single-spa官网封装的基于angular7的子应用,使用single-spa-angular:build启动,已导出三个必要的生命周期函数和webpack配置。
在qiankun主应用加载失败,识别不到生命周期函数:[qiankun] You need to export lifecycle functions in my-app entry。但是在single-spa官方示例下是可以成功识别并加载:https://github.com/joeldenning/coexisting-angular-microfrontends
按single-spa官网封装的基于angular7的子应用,使用single-spa-angular:build启动,已导出三个必要的生命周期函数和webpack配置。 在qiankun主应用加载失败,识别不到生命周期函数:[qiankun] You need to export lifecycle functions in my-app entry。但是在single-spa官方示例下是可以成功识别并加载:https://github.com/joeldenning/coexisting-angular-microfrontends
复现步骤,错误日志以及相关配置
1、使用Angular schematics新建一个angular7的子应用:参考https://zh-hans.single-spa.js.org/docs/ecosystem-angular#angular-cli (需要手动将single-spa-angular版本降至3.6.0,并增加APP_BASE_HREF路由配置)
2、修改qiankun官网示例的main的multiple.js文件配置为angular7子应用的地址: const app1 = loadMicroApp( { name: 'my-app', entry: '//localhost:4200', container: '#react15' }, { sandbox: { // strictStyleIsolation: true, }, }, );
3、启动npm run start:multiple
相关环境信息
复现仓库地址
https://github.com/wudith/qiankun4angular7