苏公子
苏公子
  • 发布:2025-03-10 10:29
  • 更新:2025-03-10 11:35
  • 阅读:94

升级HBuilderX之后编译到端时报不支持/deep/选择器

分类:HBuilderX

如题。
早上过来收到HBuilderX可更新新版本的提醒,于是升级(4.55版本)。
升级之后将项目运行至手机,但是控制台爆出【SassError: expected selector. /deep/ xxx】。
以往是没有这个报错的,现在运行是可以运行到手机,但是打基座或是发布打包就会卡在这里。
是HBuilderX升级了之后不支持这个方式了吗?查看更新日志也未见相关说明,回退版本(4.45版本)之后再运行或打包,这个报错也不出现了。

2025-03-10 10:29 负责人:无 分享
已邀请:

最佳回复

DCloud_UNI_FengXY

DCloud_UNI_FengXY

非HBuilderX Mac Arm版本的编译报错问题,很快会发布一个紧急更新来修复。
临时解决方案:

  1. 在插件安装界面临时卸载dart-sass编译插件
  2. 回退上一个版本

如果使用的是HBuilderX Mac Arm 版本

HBuilderX Mac Arm 版 Vue2 sass 预编译器已由 node-sass 更换为 dart-sass,可能存在部分语法不兼容的问题(https://ask.dcloud.net.cn/question/205992)。
解决方案:

  1. 调整为 dart-sass 支持的语法,比如:将深度选择器 /deep/ 调整为 ::v-deep,官方网站:https://sass-lang.com/
  2. 使用 HBuilderX Mac Intel 版本,下载地址:https://www.dcloud.io/hbuilderx.html
W***@163.com

W***@163.com

同样的问题,必须回退版本才行

10:39:08.188 DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.  
10:39:08.188 Recommendation: math.div(100%, $i)  
10:39:08.188 More info and automated migrator: https://sass-lang.com/d/slash-div  
10:39:08.188     ╷  
10:39:08.188 181 │                 height:(100% / $i);  
10:39:08.188     │                         ^^^^^^^^^  
10:39:08.188     ╵  

10:39:12.633 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):  
10:39:12.633 SassError: expected selector.  
10:39:12.633     ╷  
10:39:12.633 169 │     /deep/.u-form-item__body{  
10:39:12.633     │     ^  
10:39:12.635     ╵
lihailan

lihailan - xue

升级HBuilderX 我也是遇到这个问题 ,不支持/deep/选择器

要回复问题请先登录注册