问题介绍

我改造的qiankun,是以angular为基座(也可以说是主应用,下文统称基座)接入的子应用也是angular,然后基座项目报错,代码、截图如下

Uncaught QiankunError: application 'angular8' died in status NOT_MOUNTED: [qiankun]:Target container with #container1 not existed after angular8 mounted!

image.png

解决思路

这个问题官网常见问题,有明确回答,排列第二,重点看下面官网截图我圈红地方!此处官网常见问题传送门
image.png
官网上面举例说了vue和react的微应用的解决示例,却没有angular大哥的解决示例!!
还好我前两天按照其他大佬的步骤,一步一步改造的时候好像遇到过这个问题,所以我很快就想到了问题所在,
因为我基座项目和微应用项目都是angular,所以两个项目的根目录入口是一样的,如下图所示
image.png
两个项目的入口根文件刚开始都是是一样的如上图所示,所以第1 需要把 微应用的根入口 加上一个id,如下所示
image.png
除了在index.html加上id以外, 第2 还需要在文件app.component.js里面选择器上也加上id,否则问题依然存在!如下图所示
image.png
致此这个小问题就解决了,希望对像我一样,正在焦头烂额的给angular上刑qiankun的你,有所帮助!大神请飘过!!


小生不怕生
6 声望0 粉丝