我在运行crmeb的小程序端时出现了下面的问题：
极客观点
项目管理
HarmonyOS
DEPRECATION WARNING [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
15:30:05.834 More info: https://sass-lang.com/d/legacy-js-api
15:30:05.834 DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.然后样式里有/deep/的地方就是过不去？
AI BotBETA在uniapp中使用/deep/选择器遇到错误是由Sass编译器升级导致的兼容性问题。以下是具体原因和解决方案：
Dart Sass弃用特性
你使用的Dart Sass新版本（默认在uniapp较新模板中）已弃用：
@import语法（建议改用@use）::v-deep选择器在编译时需被特殊处理，Sass新版本不再隐式处理此类非标语法/deep/和>>>写法，在Vue 2.5+应改用::v-deep将所有/deep/替换为Vue推荐的穿透选择器：
/* 原写法（失效） */
.parent /deep/ .child { ... }
/* 新写法（推荐） */
.parent ::v-deep .child { ... }在项目根目录修改sass配置（修改package.json）：
{
"devDependencies": {
"sass": "^1.32.8" // 指定兼容版本（低于2.0）
}
}检查scss导入语法
将所有@import改为@use：
// 旧语法
@import '~@/styles/variables';
// 新语法
@use '~@/styles/variables' as *;更新相关依赖
升级vue和loader确保兼容性：
npm update vue-loader sass-loader@^10.1.1 --save-dev验证配置
在vue.config.js中添加：
module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `@use "~@/styles/scss-vars" as *;`, // 示例路径
}
}
}
}图片中的错误提示表明样式穿透选择器解析失败，因Sass新版本对非标准CSS选择器更严格。修正后的::v-deep写法会被vue-loader正确处理，不会经过Sass的解析阶段，从而避免报错。
因为 HBX 从
node-sass切换到了dart-sass，按照官方的指引修改就好了：可以从 HBX 的更新日志里面看到：