qiankun样式隔离导致子应用样式失效如何解决？

Question

在使用 Qiankun 进行微前端开发时，常见的一个问题是**子应用样式失效**，其根本原因在于 Qiankun 默认开启的 **Shadow DOM 样式隔离机制**。该机制会将子应用的 DOM 结构包裹在 Shadow DOM 中，导致主应用和子应用之间的样式相互隔离，从而出现样式未生效、组件样式错乱等问题。 此类问题常见于使用全局样式或 CSS-in-JS 方案的子应用中，尤其是在使用 Ant Design、Element UI 等 UI 框架时更为明显。解决方式主要包括：关闭 Shadow DOM 改用 iframe 隔离、使用 `experimentalStyleIsolation: true`、或通过 `scopedCSS: false` 允许样式穿透。同时，还需结合具体业务场景评估样式冲突风险，选择最适合的隔离策略。