【报Bug】uniapp vue2 改为 dart-sass后，无法使用 uni.scss 里的变量了

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12.7.6

HBuilderX类型：正式

HBuilderX版本号： 4.66

浏览器平台： Firefox

浏览器版本： 139.0.4

项目创建方式： HBuilderX

示例代码：

.text {
color: $_color;
}

操作步骤：

.text {
color: $_color;
}

预期结果：

.text {
color: $_color;
}

实际结果：

14:22:04.596 Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。
14:22:04.596 解决方案：
14:22:04.597 方案1：调整为 dart-sass 支持的语法，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor
14:22:04.597 方案2：如果您希望继续使用node-sass，您可以在 manifest.json 中配置 "sassImplementationName": "node-sass"，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor
14:22:04.597
14:22:04.597 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
14:22:04.597 SassError: Undefined variable.
14:22:04.597 ╷
14:22:04.597 97 │ margin-top: $_card_margin;

bug描述：

uniapp vue2 改为 dart-sass后，无法使用 uni.scss 里的变量了；以下是错误信息（多条）：

14:22:04.596 Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。
14:22:04.596 解决方案：
14:22:04.597 方案1：调整为 dart-sass 支持的语法，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor
14:22:04.597 方案2：如果您希望继续使用node-sass，您可以在 manifest.json 中配置 "sassImplementationName": "node-sass"，详情：https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor
14:22:04.597
14:22:04.597 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
14:22:04.597 SassError: Undefined variable.
14:22:04.597 ╷
14:22:04.597 97 │ margin-top: $_card_margin;

2025-06-26 14:26 负责人:无分享

0 个回复

要回复问题请先登录或注册

【报Bug】uniapp vue2 改为 dart-sass后，无法使用 uni.scss 里的变量了

示例代码：

.text {
color: $_color;
}

操作步骤：

.text {
color: $_color;
}

预期结果：

.text {
color: $_color;
}

bug描述：

0 个回复

公告

相关问题

【报Bug】uniapp vue2 改为 dart-sass后， 无法使用 uni.scss 里的变量了

示例代码： .text { color: $_color; }

操作步骤： .text { color: $_color; }

预期结果： .text { color: $_color; }

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

【报Bug】uniapp vue2 改为 dart-sass后，无法使用 uni.scss 里的变量了

示例代码：

.text {
color: $_color;
}

操作步骤：

.text {
color: $_color;
}

预期结果：

.text {
color: $_color;
}