【dart-sass】/deep/、>>>的问题

最新推荐文章于 2025-07-11 13:49:54 发布
最新推荐文章于 2025-07-11 13:49:54 发布
阅读量4.6k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39571197/article/details/95501311
博客介绍了使用 ::v-deep 的方法，还给出了相关参考资料，包括 GitHub 链接及本地文件路径。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用 ::v-deep 即可

 

参考资料

https://github.com/dart-lang/angular/issues/454

G:\test\vue-cli-dart-scss\node_modules\@vue\component-compiler-utils\CHANGELOG.md

### Features

* implement ::v-deep as a shadow piercing combinator ([#54](https://github.com/vuejs/component-compiler-utils/issues/54)) ([8b2c646](https://github.com/vuejs/component-compiler-utils/commit/8b2c646))​​

 

水图

你还在为node-sass烦恼吗？快试试官方推荐的dart-sass
04-07 729
正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
Sass的的一个Dart实现Sass使CSS又有趣
08-09
Sass的的一个Dart实现，Sass使CSS又有趣
dart-sass和node-sass的区别，使用dart-sass后可能会出现的问题
qq_38687592的博客
10-09 2007
2020 年 10 月 27 日，Sass 官方团队正式宣布 Libsass 将弃用，以及基于它的 Node Sass 和 SassC，并且建议用户使用 Dart Sass。如果在 vue 脚手架搭建的项目中需要使用 sass，建议初始化时勾选 sass 配置，自行安装，选择默认的就是 dart-sass。dart-sass 替代 node-sass 根本原因：node-sass 无法下载特定版本的二进制依赖文件（博主没有深入研究）dart-sass 使用前需要注意几点：
Vue 中的 ::v-deep 穿透样式详解：彻底搞懂组件库样式修改技巧
最新发布
qq_65142821的博客
07-11 782
《深入解析Vue样式穿透工具::v-deep》摘要：本文全面讲解Vue的::v-deep语法，它是解决scoped样式隔离问题的关键工具。文章从定义出发，说明::v-deep是Vue单文件组件中用于穿透子组件样式的特殊选择器。详细介绍了标准写法(::v-deep)、已废弃写法(>>>和/deep/)及适用场景，并给出修改uView等组件库样式的实战案例（如调整搜索框样式和标签栏激活色）。通过解析data-v属性机制，阐明其穿透原理。最后提供常见问题排查方法和使用建议，强调在Vue3中应统一
vue =＞ Node Sass to Dart Sass不兼容deep
Write less，do more
02-05 1590
不兼容 替换 node-sass 之后有一个地方需要注意，就是它不再支持之前 sass 的那种 /deep/ 写法，需要统一改为 ::v-deep 的写法。相关： issue 具体 demo： .a { /deep/ { .b { color: red; } } } /* 修改为 */ .a { ::v-deep { .b { color: red; } } } 不管你是否使用dart-sass，我都是建议你使用::v-deep
scss|sass使用/deep/报错 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError
肥晨开发的学习之路
04-04 1315
scss不支持这个选择器。/deep/ 变:deep。
SassError: expected selector报错原因可能是/deep/
qq_44890362的博客
08-17 3575
3.::v-deep与/deep/的加载速度不同，::v-deep的加载速度更快。1.如果项目使用的是css原生样式，那么可以直接使用/deep/。2.如果使用了预处理器都可以使用::v-deep。
Vue中 scss不支持/deep/写法问题
Gomeer的博客
08-06 7440
在style有scoped属性时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如 .conBox /deep/ .el-input__inner{ padding:0 10px; } 如果/deep/报错，可采用::v-deep .conBox ::v-deep .el-input__inner{ padding:0 10px; } ...
滑动验证组件修改样式爬坑之如何解决vue项目中 scss 不支持 scoped 的 /deep/ 穿透写法
Hiroshi's
04-11 937
滑动验证码集成好了，但是有个问题，就是样式不太对，width太长了： 修改这里： 于是我们想到给#nc_1_wrapper设置width: 285px，这样就可以让宽度保持一致了 因为是修改第三方组件，所以样式肯定要穿透，我们想到了less的穿透语法/deep/ 直接报错了： 原因：scss不支持这种/deep/穿透语法，less支持，所以我们在scss里可以用::v-deep穿透： 搞定！ ...
Scss中使用/deep/深度选择器报错
m0_48683771的博客
10-27 3543
scss中使用/deep/深度选择器报错 前言 一、代码 二、报错 三、解决办法 四、总结 前言 在带有scoped属性的style中书写样式时，无法作用影响到子组件中的样式，此时我们会使用到deep深度选择器，来解决此问题，我们在使用less预处理器，能正常使用，但是在scss预处理器中会报错。 一、代码 <style lang="scss" scoped> /deep/ .el-dialog__header { background-color: #81ecec !important;.
scss中使用/deep/深度选择器报错的解决办法
热门推荐
weixin_44900104的博客
08-04 2万+
scss中使用/deep/深度选择器报错的解决办法
/deep/ 和 ::v-deep
jack_rose_me的博客
10-08 978
Node Sass 使用 /deep/ ，sass官方已经将dart-sass作为未来主要的的开发方向了建议使用::v-deep 不管你是否使用dart-sass，我都是建议你使用::v-deep的写法，它不仅兼容了 css 的>>>写法，还兼容了 sass /deep/的写法。而且它还是 vue 3.0 RFC 中指定的写法。 而且原本 /deep/ 的写法也本身就被 Chrome 所废弃，你现在经常能在控制台中发现 Chrome 提示你不要使用/deep/的警告。 ...
sass中中文报错解决
csq087的博客
08-07 381
在ruby中找到engine.rb文件,在该文件 require XXXX 后边写上: Encoding.default_external = Encoding.find('utf-8');
Vue组件库必备 Sass(Dart) 知识
前端攻城狮
08-14 5497
Dart Sass 是Sass 的主要实现版本，这意味着它集成新功能要早于任何其它的实现版本。 Dart Sass 速度快、易于安装，并且可以被编译成纯JavaScript 代码，这使得它很容易集成到
Node Sass 与 Dart Sass区别
m0_72189030的博客
09-14 1045
Node Sass 与 Dart Sass都是用来将sass编译成css的工具，都依赖于sass-loader。首先卸载node-sass。安装dart-sass。
【Scss】＞＞＞ 或 /deep/ 或 ::v-deep 的作用
qq_45677671的博客
07-28 5489
>>> 或 /deep/ 或 ::v-deep 的使用方法，以及相关报错处理
sass 中使用/deep/报错(已解决)
IICOOM的博客
05-27 1万+
vue3中使用element plus，想要覆盖组件的样式，想到了/deep/样式穿透，样式一直不生效，代码如下： <style scoped lang="sass"> .main_wrapper padding: 0 53px position: relative top: -20px >>> .el-tabs__item height: 30px line-height: 30px color: #fff!important &l.
scss中深度选择器如何使用
2401_83036723的博客
02-29 5891
以上两种方式正常情况下使用都没有问题，但在scss，less，sass等解析器中，>>>，/deep/可能都无法使用，这种情况可以采用 ::v-deep。在开发过程中，可能会遇到scss中样式不会执行，这时候我们就会用到深度选择器 /deep/在/deep/ 使用以上写法编译时，出现报错或者警告可以使用 ::v-deep。通常情况下，写样式穿透都是用 >>> ，或者 /deep/
Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。 18:18:09.216 解决方案： 18:18:09.216 方案1：调整为 dart-sass 支持的语法，将深度选择器 /deep/ 调整为 ::v-deep，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor 18:18:09.216 方案2：如果您希望继续使用node-sass，您可以在 manifest.json 中配置 "sassImplementationName": "node-sass"，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor 18:18:09.216 18:18:09.216 Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): 18:18:09.216 ModuleBuildError: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 18:18:09.217 SassError: expected selector. 18:18:09.217 ╷ 18:18:09.217 2 │ /deep/.u-button--success{ 18:18:09.217 │ ^ 18:18:09.217 ╵ 18:18:09.217 E:\1rock\cr\cr-chart\uni.scss 2:1 @use 18:18:09.217 E:\1rock\cr\cr-chart\App.vue 1:1 root stylesheet 18:18:09.217 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\webpack\lib\NormalModule.js:316:20 18:18:09.217 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:367:11 18:18:09.217 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:233:18 18:18:09.217 at context.callback (D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:111:13) 18:18:09.217 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\dist\index.js:75:7 18:18:09.217 at Function.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:96399:16) 18:18:09.217 at render_closure1.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:82305:12) 18:18:09.217 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.217 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.218 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.218 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.218 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.218 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.218 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.218 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:15783:20 18:18:09.218 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.218 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.218 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.218 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.218 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.218 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.218 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.218 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.218 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.219 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.219 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:21292:20 18:18:09.219 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.219 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.219 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.219 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.219 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.219 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.219 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.219 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.219 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.219 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.219 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:21327:20 18:18:09.219 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.219 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.219 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.219 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.219 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.219 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.219 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.220 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.220 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.220 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.220 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:70809:20 18:18:09.220 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.220 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.220 18:18:09.220 Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。 18:18:09.220 解决方案： 18:18:09.220 方案1：调整为 dart-sass 支持的语法，将深度选择器 /deep/ 调整为 ::v-deep，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor 18:18:09.220 方案2：如果您希望继续使用node-sass，您可以在 manifest.json 中配置 "sassImplementationName": "node-sass"，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor 18:18:09.220 18:18:09.220 Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): 18:18:09.220 ModuleBuildError: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 18:18:09.220 SassError: expected selector. 18:18:09.220 ╷ 18:18:09.220 2 │ /deep/.u-button--success{ 18:18:09.220 │ ^ 18:18:09.220 ╵ 18:18:09.220 E:\1rock\cr\cr-chart\uni.scss 2:1 @use 18:18:09.220 E:\1rock\cr\cr-chart\node_modules\uview-ui\components\u-button\u-button.vue 1:1 root stylesheet 18:18:09.220 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\webpack\lib\NormalModule.js:316:20 18:18:09.221 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:367:11 18:18:09.221 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:233:18 18:18:09.221 at context.callback (D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:111:13) 18:18:09.221 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\dist\index.js:75:7 18:18:09.221 at Function.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:96399:16) 18:18:09.221 at render_closure1.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:82305:12) 18:18:09.221 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.221 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.221 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.221 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.221 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.221 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.221 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.221 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:15783:20 18:18:09.221 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.221 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.221 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.221 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.221 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.221 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.221 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.221 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.222 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.222 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.222 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:21292:20 18:18:09.222 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.222 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.222 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.222 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.222 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.222 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.222 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.222 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.222 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.222 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.222 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:21327:20 18:18:09.222 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.222 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.222 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.222 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.222 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.222 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.223 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.223 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.223 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.223 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.223 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:70809:20 18:18:09.223 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.223 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.223 18:18:09.223 Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。 18:18:09.223 解决方案： 18:18:09.223 方案1：调整为 dart-sass 支持的语法，将深度选择器 /deep/ 调整为 ::v-deep，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor 18:18:09.223 方案2：如果您希望继续使用node-sass，您可以在 manifest.json 中配置 "sassImplementationName": "node-sass"，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor 18:18:09.223 18:18:09.223 Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): 18:18:09.223 ModuleBuildError: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 18:18:09.223 SassError: expected selector. 18:18:09.223 ╷ 18:18:09.223 2 │ /deep/.u-button--success{ 18:18:09.223 │ ^ 18:18:09.223 ╵ 18:18:09.223 E:\1rock\cr\cr-chart\uni.scss 2:1 @use 18:18:09.223 E:\1rock\cr\cr-chart\node_modules\uview-ui\components\u-checkbox-group\u-checkbox-group.vue 1:1 root stylesheet 18:18:09.223 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\webpack\lib\NormalModule.js:316:20 18:18:09.223 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:367:11 18:18:09.223 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:233:18 18:18:09.223 at context.callback (D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\loader-runner\lib\LoaderRunner.js:111:13) 18:18:09.224 at D:\Program Files\HBuilderX\plugins\uniapp-cli\node_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\dist\index.js:75:7 18:18:09.224 at Function.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:96399:16) 18:18:09.224 at render_closure1.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:82305:12) 18:18:09.224 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.224 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.224 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.224 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.224 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.224 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.224 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.224 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:15783:20 18:18:09.224 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.224 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.224 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.224 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.224 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.224 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.224 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.224 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.224 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.224 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.225 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:21292:20 18:18:09.225 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.225 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.225 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.225 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.225 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.225 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.225 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.225 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.225 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.225 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.225 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:21327:20 18:18:09.225 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.225 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.225 at _awaitOnObject_closure0.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26631:25) 18:18:09.225 at _RootZone.runBinary$3$3 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:28284:18) 18:18:09.225 at _FutureListener.handleError$1 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26806:21) 18:18:09.225 at _Future__propagateToListeners_handleError.call$0 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:27113:49) 18:18:09.225 at Object._Future__propagateToListeners (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:12137:77) 18:18:09.225 at _Future._completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26959:9) 18:18:09.226 at _AsyncAwaitCompleter.completeError$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26618:12) 18:18:09.226 at Object._asyncRethrow (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11940:17) 18:18:09.226 at D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:70809:20 18:18:09.226 at _wrapJsFunctionForAsync_closure.$protected (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:11965:15) 18:18:09.226 at _wrapJsFunctionForAsync_closure.call$2 (D:\Program Files\HBuilderX\plugins\compile-dart-sass\node_modules\sass\sass.dart.js:26637:12) 18:18:09.226 18:18:09.226 Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。 18:18:09.226 解决方案： 18:18:09.226 方案1：调整为 dart-sass 支持的语法，将深度选择器 /deep/ 调整为 ::v-deep，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor 18:18:09.226 方案2：如果您希望继续使用node-sass，您可以在 manifest.json 中配置 "sassImplementationName": "node-sass"，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor 18:18:09.226 18:18:09.226 Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): 18:18:09.226 ModuleBuildError: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
07-10
<think>根据用户提供的错误信息，问题在于从node-sass切换到dart-sass后，不再支持旧版深度选择器`/deep/`，导致编译失败。错误信息中明确指出了在`uni.scss`文件中使用了`/deep/.u-button--success`这样的选择器，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值