小程序
小游戏
企业微信
微信支付
扫描小程序码分享
新加入的其他人的项目，之前的开发人员的调试器都可以正常看到样式，但我下载最新版本（Nightly 1.06.2505092），并且运行之后，发现没有css样式，但是如果我新建一个自己的项目，又是可以正常显示css样式的，调试基础库用的是3.8.4，但其他每一个调试库都试过了，也都不显示样式，这是什么原因？请问该如何解决？
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
遇到相同的问题，解决思路如下：
针对子包单独写个简单的样式，发现可以正常在开发者工具中显示css代码；
把打包中的全量css 整体拷入， 子包的样式文件，发现无法显示代码；
经过排查，最终是:root 标签导致；
这类问题差不多就是这个排查方向；
结论：小程序产物中，有多个:root 标签，根据各自情况看是否能够清掉。
通过打包阶段把所有依赖中的:root 和项目中的:root 标签都移除，最终解决了这个问题 // 添加CSS处理规则，过滤所有CSS文件中的:root选择器 chain.module .rule("css-root-filter") .test(/\.css$/) .use("css-root-filter") .loader("string-replace-loader") .options({ search: /:root\s*{[^}]*}/g, replace: "", flags: "g", }); // 添加SCSS处理规则，过滤所有SCSS文件中的:root选择器 chain.module .rule("scss-root-filter") .test(/\.scss$/) .use("scss-root-filter") .loader("string-replace-loader") .options({ search: /:root\s*{[^}]*}/g, replace: "", flags: "g", });
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
遇到相同的问题，解决思路如下：
针对子包单独写个简单的样式，发现可以正常在开发者工具中显示css代码；
把打包中的全量css 整体拷入， 子包的样式文件，发现无法显示代码；
经过排查，最终是:root 标签导致；
这类问题差不多就是这个排查方向；
结论：小程序产物中，有多个:root 标签，根据各自情况看是否能够清掉。
通过打包阶段把所有依赖中的:root 和项目中的:root 标签都移除，最终解决了这个问题 // 添加CSS处理规则，过滤所有CSS文件中的:root选择器 chain.module .rule("css-root-filter") .test(/\.css$/) .use("css-root-filter") .loader("string-replace-loader") .options({ search: /:root\s*{[^}]*}/g, replace: "", flags: "g", }); // 添加SCSS处理规则，过滤所有SCSS文件中的:root选择器 chain.module .rule("scss-root-filter") .test(/\.scss$/) .use("scss-root-filter") .loader("string-replace-loader") .options({ search: /:root\s*{[^}]*}/g, replace: "", flags: "g", });