Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

是否支持主应用和子应用的样式隔离 #5

Open
qiangxue1206 opened this issue Mar 23, 2023 · 7 comments
Open

是否支持主应用和子应用的样式隔离 #5

qiangxue1206 opened this issue Mar 23, 2023 · 7 comments

Comments

@qiangxue1206
Copy link

qiankun目前在使用中存在主应用和子应用样式污染问题。这个插件是否支持主应用和子应用的样式隔离,比如:
1、子应用挂载在body的dialog样式丢失(由于样式在qiankun-header中,但弹窗加载到body层级,header中不存在子应用弹窗的样式);
2、主应用和子应用相同的class、标签样式(比如body标签样式);
3、子应用重写的一些样式被主应用样式覆盖;
4、...

@lishaobos
Copy link
Owner

因为依赖了 vite 官方的 @vitejs/plugin-legacy 插件,生产环境的 js,css 沙箱是很稳定的。

开发环境没有 js 沙箱,css 沙箱是实验性的

@lishaobos
Copy link
Owner

请问你的主应用,子应用都是 vite 项目吗?

@qiangxue1206
Copy link
Author

qiangxue1206 commented Mar 23, 2023

请问你的主应用,子应用都是 vite 项目吗?

是的,主应用和子应用都是vite,但版本是2.6.3,使用这个插件vite的版本必须是 vite >= 3 吗?刚改了下测试,两个问题:
1、进入子应用,发现报错了
image
2、子应用的生命周期注册,ts有错误提示
image

@lishaobos
Copy link
Owner

请问你的主应用,子应用都是 vite 项目吗?

是的,主应用和子应用都是vite,但版本是2.6.3,使用这个插件vite的版本必须是 vite >= 3 吗?刚改了下测试,两个问题: 1、进入子应用,发现报错了 image 2、子应用的生命周期注册,ts有错误提示 image

你可以安装相对应 vite 版本的 legacy 插件,都有的。

还有可以提供一个可复现错误的 git 仓库吗?我可以具体看一下

@qiangxue1206
Copy link
Author

qiangxue1206 commented Mar 23, 2023

请问你的主应用,子应用都是 vite 项目吗?

是的,主应用和子应用都是vite,但版本是2.6.3,使用这个插件vite的版本必须是 vite >= 3 吗?刚改了下测试,两个问题: 1、进入子应用,发现报错了 image 2、子应用的生命周期注册,ts有错误提示 image

你可以安装相对应 vite 版本的 legacy 插件,都有的。

还有可以提供一个可复现错误的 git 仓库吗?我可以具体看一下

你好,我开始用的是另外一个qiankun适配vite的插件 vite-plugin-qiankun,看到这个插件所以想测试下,目前只看到主应用的import-html-entry中报错,我后面有时间再看下哈。
image

@lishaobos
Copy link
Owner

嗯好,你这个 entry 的报错应该是注册的子应用 app 名字没对上。

@klytsocz17508
Copy link

这个问题我也遇到过了,已经解决,这个问题主要是vite版本太低导致的。
原本我的vite版本是2.9.14, 看到需求是vite版本大于3,因此切换到了最新的4.3版本
重新打包之后,不再报错,子应用也能成功加载。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants