umijs / qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.
https://qiankun.umijs.org
MIT License
15.85k stars 2.02k forks source link

qiankun开启沙箱后, vue组件scoped样式失效 #2334

Open Lokep opened 2 years ago

Lokep commented 2 years ago

qiankun开启沙箱后, vue组件scoped样式失效

项目背景: 基座项目为vue2,子应用为vue3 +ant-desgin-vue, 基座通过strictStyleIsolation, experimentalStyleIsolation开启沙箱隔离样式之后,子应用中vue文件中scoped的样式仍然出现在css文件中,但是选中节点时,则不出现对应样式,并且data-v-hash是对应上了(如下图)。

image image

Mini Showcase Repository(REQUIRED)

Provide a mini GitHub repository which can reproduce the issue.

因公司项目,所以暂时无法提供项目地址,如有必要,会补充最小可复现repository

How To Reproduce

Context

gongshun commented 2 years ago
  1. 两个 CSS 沙箱不要同时使用
  2. strictStyleIsolation 是基于 shadow dom 的,存在的问题太多,不建议用
Lokep commented 1 year ago
  1. 两个 CSS 沙箱不要同时使用
  2. strictStyleIsolation 是基于 shadow dom 的,存在的问题太多,不建议用

但是在我的业务场景就是会需要进行样式隔离,那我应该舍弃vue的scoped吗?

LiZhaoYangClub commented 1 year ago

我也遇到这个问题了,怎么解决的,右侧styles中看不到这个属性

favorite58 commented 1 year ago

image 目前公司项目配置完后也出现这问题了,审查页面的样式资源,发现图中标记的地方错误导致,还未想法啥好的解决办法,官方有啥方案么有?

erraleio commented 7 months ago

一样的问题,怎么解决

niubishuangjiang commented 6 months ago

大佬解决没,求个方案