qiankun使用unocss 子应用切换样式丢失

Vite子应用,使用unocss官网默认的vite安装方式,在两个使用Vite+Unocss的子应用来回切换时,总有一个子应用的样式会混乱。 经过仔细观察,这两个子应用都引用了同一个样式表/_uno.css,切来切去的时候,第二个覆盖第一个的_uno.css,而其他样式都是缓存到了本地,不存在这个问题。

第一个想法是个uno的样式表改名,但是没有找到解决方法 qiankun上有人提了关于styled component样式混乱的issue,但是好像是react的解决方案,大概知道了算是qiankun的缺陷,但是并不能解决现在的问题。

最终解决方案 使用postcss方式引入uno,可以了,两个应用的Unocss样式都被注入到各自的样式表,并且和其他样式表一样缓存到本地,不会产生覆盖的问题。

相关推荐
O***p6045 分钟前
TypeScript类型守卫
前端·javascript·typescript
小希smallxi20 分钟前
在 Spring Boot 项目中,如何在非 Web 层(如 AOP)中获取 Session 信息
前端·spring boot·后端
申阳23 分钟前
Day 14:个人开发者的 Cloudflare 通关指南-将域名托管到 Cloudflare
前端·后端·程序员
申阳23 分钟前
Day 13:个人开发者的 Cloudflare 通关指南-R2对象存储搭建高速免费图床
前端·后端·程序员
nvd1128 分钟前
niri 音频图形界面工具
前端·chrome·音视频
凯哥197028 分钟前
彻底解决 Windsurf 在 Vue DevTools 无法精准定位的问题
前端
凡人程序员30 分钟前
微前端qiankun接入的问题
前端·javascript
CharlieWang31 分钟前
AI Elements Vue,帮助你更快的构建 AI 应用程序
前端·人工智能·chatgpt
新晨43735 分钟前
JavaScript map() 方法:从工具到编程哲学的升华
前端·javascript
少卿36 分钟前
Webpack 构建流程全解:从源码到产物的“奇幻漂流”
前端·webpack