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

相关推荐
2501_916008899 小时前
深入解析iOS应用启动性能优化策略与实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone
是上好佳佳佳呀16 小时前
【前端(八)】CSS3 属性值笔记:渐变、自定义字体与字体图标
前端·笔记·css3
巴巴博一20 小时前
uni-app 踩坑实录:实现“可拖拽全局悬浮按钮”时的 movable-view 坐标失效与 Flex 布局视错觉
vue.js·uni-app
阿奇__21 小时前
h5微信授权code失效排查过程及解决记录
微信·uni-app
天籁晴空1 天前
微信小程序 静默登录 + 授权登录 双模式配合的设计方案
前端·微信小程序·uni-app
爱怪笑的小杰杰2 天前
uni-app Vue3 国际化最佳实践:告别应用重启,优雅实现多语言切换
前端·vue.js·uni-app
yqcoder2 天前
uni-app 数据缓存详解
缓存·uni-app
2501_915921432 天前
穿越HTTPS迷雾:Wireshark中的TLS抓包秘诀与文件合并方法
网络协议·ios·小程序·https·uni-app·wireshark·iphone
小徐_23332 天前
uni-app 组件库 Wot UI 2.0 发布了,我们带来了这些改变!
前端·微信小程序·uni-app
青花瓷2 天前
在PyCharm的Django工程中修改初始页
css·html·css3