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

相关推荐
00后程序员张4 小时前
HTTPS Everywhere 时代的抓包挑战,从加密流量解析到底层数据流捕获的全流程方案
网络协议·http·ios·小程序·https·uni-app·iphone
草字5 小时前
uniapp 悬浮按钮支持可拖拽。可移动。
前端·javascript·uni-app
速易达网络5 小时前
Uniapp + Coze智能在线课程平台应用实现方案
uni-app
Qlittleboy8 小时前
uniAPP开发 image 标签的@error事件不被触发调用怎么办
uni-app
Wiktok8 小时前
TailwindCSS学习路径方法总结
学习·css3·tailwindcss
吳所畏惧10 小时前
少走弯路:uniapp里将h5链接打包为apk,并设置顶/底部安全区域自动填充显示,阻止webview默认全屏化
android·安全·uni-app·json·html5·webview·js
2501_9159214311 小时前
Bundle Id 创建与管理的工程化方法,一次团队多项目协作中的流程重构
服务器·ios·小程序·重构·https·uni-app·iphone
2501_9159090613 小时前
深度解析 iOS 内存占用,构建多工具协同的内存诊断、监控与优化体系
android·ios·小程序·https·uni-app·iphone·webview
q_191328469514 小时前
基于Springboot2+Vue2+uniapp的单商家在线点餐外卖小程序
vue.js·spring boot·mysql·小程序·uni-app·计算机毕业设计
by__csdn14 小时前
Vue3响应式系统详解:ref与reactive全面解析
前端·javascript·vue.js·typescript·ecmascript·css3·html5