External外部化后样式丢失是怎么回事？
我用Webpack把Ant Design外部化了，结果页面样式全没了，控制台也没报错。本地开发时样式正常，一上线就出问题。
我试过在html里手动引入CDN的CSS，但还是不行。是不是External只处理JS，没处理CSS？下面是我组件里用的一段样式：
.custom-button {
background: #1890ff;
border: none;
padding: 8px 16px;
border-radius: 4px;
}
这种情况下该怎么正确外部化UI库的样式？
- 2
回答
22浏览
为什么设置了webpack externals后jQuery还是被重复打包？
我在项目里用CDN引入了jQuery，然后在webpack配置里设置了externals想排除它，但打包后发现vendor文件里还是包含了jQuery代码，页面控制台还报错"jQuery is def...
- 1
回答
3浏览
Taro编译H5时样式丢失怎么办？
用Taro开发多端项目，小程序端样式正常，但一编译到H5端，很多样式就没了，特别是用了flex布局的地方完全错乱。 我试过在app.scss里加全局样式，也检查了组件的class名有没有写错，但H5端...
- 1
回答
9浏览
qiankun子应用加载时样式丢失是怎么回事？
我在用 qiankun 搭建微前端项目，主应用能正常加载子应用，但子应用的 CSS 样式完全没生效，页面光秃秃的。子应用单独运行时样式是正常的。 我试过在子应用的 webpack 配置里加 publi...
- 1
回答
17浏览
CSS代码分割后样式丢失是怎么回事？
我用Webpack做了代码分割，把不同页面的CSS拆成了单独的chunk，但加载新页面时样式有时候不生效，刷新一下又好了。是不是动态加载CSS的时候顺序乱了？ 我试过用mini-css-extract...
- 1
回答
20浏览
单元测试怎么测CSS样式是否生效？
我写了个按钮组件，想用Jest + Testing Library做单元测试，但不知道怎么验证CSS样式有没有正确应用。比如我给按钮加了hover效果，测试里能检测到吗？ 这是我的CSS代码： .my...
- 1
回答
12浏览
模块联邦加载远程组件时样式丢失怎么办？
我在用 Webpack 5 的模块联邦加载远程 React 组件，JS 能正常加载，但组件的 CSS 样式完全没生效，页面布局都乱了。本地开发时没问题，一通过 Module Federation 引入...
- 2
回答
11浏览
Figma Inspect 模式下怎么导出 CSS 样式？
我在 Figma 里用 Inspect 检查设计稿，看到右边有自动生成的 CSS，但不知道怎么复制或者导出这些样式。 点那个复制按钮只能复制单个属性，整个组件的完整 CSS 要怎么一次性拿到？试过右键...
- 2
回答
63浏览
PWA离线页面样式加载失败怎么办？
我在开发PWA时遇到了离线页面样式丢失的问题，明明注册了service worker并缓存了html和js文件，但离线时CSS样式完全没应用，刷新后又能正常显示了。这是怎么回事？ 我尝试在servic...
- 1
回答
48浏览
Draft.js自定义块渲染时样式丢失怎么办？
在用Draft.js自定义块渲染器时，给代码块添加的CSS样式完全没生效，页面上还是默认的样式。已经按照文档写了blockRendererFn： const blockRenderer = (bloc...
- 1
回答
41浏览
Kbone项目中使用自定义组件样式丢失怎么办？
我在Kbone项目里写了个带背景色的按钮组件，但渲染到页面后颜色完全没显示。试过用内联样式style="background:red"和组件内CSS都无效。 组件代码是这样的： <kbone-c...
确保CDN的CSS和JS版本一致，HTML里CSS要放在你的自定义样式前面加载。你的
.custom-button样式如果被覆盖了，加个!important或者提高选择器权重。就这样。