子应用的swiperjs使用自定义元素，会报错Failed to set the 'adoptedStyleSheets' property on 'ShadowRoot': Sharing constructed stylesheets in multiple documents is not allowed

[justseeseesee]

问题描述

出现错误Failed to set the 'adoptedStyleSheets' property on 'ShadowRoot': Sharing constructed stylesheets in multiple documents is not allowed

复现步骤

1.主应用vite_vue3 micro-app最新版本rc-10
2.子应用vite_vue3

上传截图

复现仓库

仓库demo

环境信息

• micro-app版本：1.0.0rc-10
• 主应用前端框架&版本：vite_vue3
• 子应用前端框架&版本：vite_vue3
• 构建工具&版本：vite

[AdonLee]

这是因为Swiper组装样式用了沙箱里的CSSStyleSheet导致的，把基座的CSSStyleSheet注入到子app中就好了，代码参考