umi-qiankun——子应用vue+element返回主应用react+antdReact，样式丢失问题

目录

• 我的情况
• 原因
• 解决方法

 

正文

参考：

1.[Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617

 https://github.com/umijs/qiankun/issues/617

2.微前端架构qiankun常见问题及解决方案

https://blog.51cto.com/u_15072910/4191716

3.qiankun官网

https://qiankun.umijs.org/zh/api/#startopts

4.umi官网

https://umijs.org/docs/max/micro-frontend#masteroptions

 

 

 

回到顶部

我的情况

子应用：vue+element，主应用：react+antdReact，子应用跳转主应用时，有时主应用样式会丢失

回到顶部

原因

在子应用跳转到主应用时，子应用的卸载需要一点点的时间，在这段时间内，主应用加载了，插入了 ​​css​​，但是被子应用的 ​​css​​ 沙箱记录了，然后被移除了，主应用样式就未加载

回到顶部

解决方法

修改qiankun配置，关闭沙箱隔离（我的主应用是antDReact，子应用是element，所以可以，主子应用相同UI的可能不行），如下

app.ts文件：