302,452
社区成员




在微应用体系下,主框架是vue3+element-plus,子应用是element,在css上存在了冲突,主应用的element-plus样式会影响到子应用。
尝试过的解决方案
1.开启qiankun沙箱和样式隔离
导致了子应用element图标的丢失,并且在全局样式上一样存在污染
2.命名空间处理
主应用修改了命名空间,但是在插入到body上的element组件上,命名空间对其无效,并且命名空间修饰的css也不生效,经过探索发现element-plus的css源码中存在一些base,这些base好像不会被命名空间重写el,所以还是无法解决全局样式冲突的问题,包括了ElMessage,ElDialog这些组件,还有一个scss变量等
3.插件修改前缀
无效,一样存在全局样式干扰
没办法了,现在在主应用强行的修正干扰样式,发现一个修正一个
有大佬遇见过这种情况吗,callback一下!!!