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 支持的语法即可

相关推荐
CHB18 小时前
别再问uni-app x蒸汽模式是否成熟了,已经有大量App案例上架应用商店了
uni-app
java1234_小锋1 天前
【技术专题】CSS3 网页技术 - CSS3 基础样式
android·前端·css3
java1234_小锋2 天前
【技术专题】CSS3 网页技术 - CSS3 盒模型
前端·css·css3
anyup3 天前
uView Pro X 1.0.0 发布:全面支持 uni-app x 蒸汽模式,80+ 组件
前端·uni-app·ai编程
zhongben123_3 天前
从零开发一个打车APP:技术选型、系统架构与成本评估指南
大数据·运维·ios·系统架构·uni-app·web app
java1234_小锋3 天前
【技术专题】CSS3 网页技术 - CSS3 单位、颜色、字体与文本
前端·css·css3
java1234_小锋3 天前
【技术专题】CSS3 网页技术 - CSS3 优先级
前端·css·css3
天蒙蒙亮4 天前
打安卓apk包+“应用商城”发布
前端·uni-app
ModyQyW4 天前
vite-plugin-uni-pages 0.6:统一扫描规则,开发期少重启
前端·uni-app
Software攻城狮4 天前
【uniapp和普通web 端开发的区别】
前端·uni-app·notepad++