HBuilderX升级，Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass

目录

一、问题描述

二、问题原因

三、问题解析及解决方案

一、问题描述

最近开发新项目，升级了HBuilderX版本到4.75，最近要在之前的项目添加功能的时候发现报错，错误如下：Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，

如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。

二、问题原因

从 HBuilderX 4.56+ ，vue2 项目也将默认使用 dart-sass 预编译器。

三、问题解析及解决方案

uni-app提供了两个解决方案
方案1：如果您希望继续使用node-sass，您可以

在 manifest.json 中配置 "sassImplementationName": "node-sass"，

详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor

方案2：调整为 dart-sass 支持的语法，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor，修改成 dart-sass 支持的语法即可