返回顶部

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文件:

 

posted @ 2023-08-24 14:50  前端-xyq  阅读(529)  评论(0编辑  收藏  举报