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

相关推荐
Geek_Vison9 小时前
技术实践:保险健康APP引入第三方小程序实战,如何构建一个安全可控的沙箱环境~
android·安全·小程序·uni-app·mpaas
2501_9159184110 小时前
Python如何抓取HTTPS请求包的完整教程与代码示例
android·ios·小程序·https·uni-app·iphone·webview
2501_9160088911 小时前
全面解析常用Web前端开发工具:编辑器、调试工具、性能分析器与框架
android·前端·ios·小程序·uni-app·编辑器·iphone
编程猪猪侠12 小时前
基于uni-app-x 与 uni-app 的安卓与 H5 双向通信完整实现
android·javascript·uni-app
niech_cn1 天前
uniapp开发App(iOS、Android、鸿蒙Next)之新建项目相关细节(二)
uni-app
梦梦代码精1 天前
功能堆砌不如好扩展:4 款开源商城系统的选型思考
java·docker·uni-app·开源·php
巴巴博一1 天前
uni-app / 微信小程序中 open-type=“share“ 按钮样式异常,和普通 view 无法齐平的解决方案
微信小程序·uni-app·notepad++
游九尘2 天前
JavaScript 实现三段式版本号对比函数(app升级用)
javascript·uni-app
2501_916007472 天前
前端开发常用软件与工具全面指南
android·ios·小程序·https·uni-app·iphone·webview
2501_915909062 天前
iOS应用性能优化:十大策略提升用户体验与开发效率
android·ios·小程序·https·uni-app·iphone·webview