uniapp编译报错：Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。

最新推荐文章于 2025-04-28 10:47:22 发布
最新推荐文章于 2025-04-28 10:47:22 发布
阅读量925 收藏 1
点赞数 2
分类专栏： 菜鸟的踩坑之旅 uni-app 文章标签： uni-app scss sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jieyucx/article/details/146556503
版权

问题如图：
在这里插入图片描述
解决方案：
在manifest.json中加上：“sassImplementationName” : “node-sass”,
在这里插入图片描述

vue中把node-sass换成dart-sass方式（解决办法）
快乐学习
02-22 4531
因为node-sass和node.js版本关联太紧了，如果这两个版本不匹配，就会起冲突，导致项目无法运行。（3）不存在二进制文件安装，避免了node-sass因为依赖其他文件导致运行失败。（1）执行编译过程中，dart-sass内存占用比node-sass要大一点。node-sass是实时编译的，dart-sass是需要保存后才会生效。（2）避免项目以及其他的依赖升级node-sass导致不兼容问题。这样就用dart-sass替代了node-sass完成了。二、art-sass和node-sass的区别。
【UniApp】Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass
乌昂王
04-19 2669
node-sass升级dart-sass常见问题及改进方法
Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。
最新发布
Jk200165的博客
04-28 1133
另外node-sass不支持arm cpu，也即Apple的M系列CPU，导致HBuilderX的arm版只能使用dart-sass。所以开发者在从vue2升vue3时，使用HBuilderX arm版时，会发现老的vue2项目如果写了废弃scss语法，会编译报错。这种分裂也导致插件生态混乱，导致多人协作时，比如一个项目有人用arm专版，有人使用intel版，造成协作障碍。node-sass有些淘汰的写法，在dart-sass里已不再支持。DCloud推荐开发者尽快升级到vue3，改用dart-sass。
hbuiderx的sass编译器报dart-sass等错误的解决方法
weixin_44647098的博客
03-17 1961
如果开发者的mac电脑是arm cpu且仍想要为vue2项目使用node-sass，需要改用HBuilderX的mac intel cpu版。iintel 版也可以以兼容模式在mac的arm cpu上运行。虽然默认为dart-sass，但HBuilderX 4.56版也提供了选项，可以手动选择node-sass。注意这个回退选项的生效范围是：vue2项目且HBuilderX不是arm版。vue3一直都是dart-sass，不需要node-sass的选项；node-sass本身不支持arm cpu。
Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题
qq_54421200的博客
03-19 1799
Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题
Vue2 项目scss预编译器默认改用dart-sass导致编译报错问题解决
weixin_61697862的博客
03-18 799
一段时间没做uniapp了，今天维护其它项目时发现在本地部署后HbuilderX运行到微信小程序一片红，于是立刻更新了编辑器，更新编辑器后发现更新说明的变化又去查看uniapp官方文档，现在边写边解决。
vue2老项目中node-sass更换dart-sass
csl125的博客
07-25 2863
安装dart-sas sass-loader 推荐安装sass@1.26.2 sass-loader@7.3.1。更换原因：node-sass经常会出现node版本问题，就很麻烦。卸载项目中的node-sass sass-loader。如果使用了stylelint，需要修改配置规则。然后需要全局替换一下/deep/，全局搜索。从新配置vue.config.js。
【uni-app】uni-app安装scss/sass后报错：win32-x64-64_binding.node is not a valid Win32 application
节省钱的博客
11-26 4868
当我们下载HbuilderX编辑器，安装scss/sass编译插件时，报错： 现象： 这段信息告诉我们，我当时开发环境安装的node-sass中win32-ia32-72目录下binding.node这个文件丢失，需要下载补充 或： \HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-72\binding.node is not a valid Win32 application. 这段信
HbulderApp项目无法运行vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass
04-28
在 HBuilderApp 中使用 Vue2 项目时，如果将 `node-sass` 更换为 `dart-sass` 后导致项目无法正常运行，可能是由于以下几个方面的原因： #### 1. **SCSS 配置问题** 当从 `node-sass` 切换到 `dart-sass` 时，需要...
Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法导致打包失败怎么解决
04-02
> 注意：sass-loader v11+需要webpack5，而Vue2默认使用webpack4[^3] #### 2. 修改vue.config.js配置 在项目根目录创建/修改配置文件： ```javascript module.exports = { css: { loaderOptions: { sass: { ...
Hbulder项目无法运行vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass
04-28
在 HBuilder 中的 Vue2 项目中，将 SCSS 预编译器从 `node-sass` 更换为 `dart-sass` 后遇到无法运行的问题，通常是因为未正确配置项目的构建工具链或缺少必要的依赖项。以下是详细的分析与解决方案： #### 1. 卸载...
HBuilder X运行项目报Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。
03-26
在 HBuilder X 开发环境中，当将 Vue2 项目的 SCSS 预处理器从 `node-sass` 切换至 `dart-sass` 后，可能会遇到一些不兼容的问题。以下是详细的解决方案： #### 卸载原有的依赖包 首先需要移除项目中原有的 `node-...
uni-app 样式 lang=“scss“ 引发的报错
ME小鬼的博客
06-01 2457
uni-app 样式 lang=“scss” 引发的报错 基本上是sass-loader版本过高导致，大于8； 解决方法：sass-loader降级 cd到项目文件夹下 卸载sass-loader npm uninstall sass-loader 安装低于8版本的saaa-loader npm install sass-loader@7.0.3 --save-dev ...
【uni-app运行错误】SassError: expected selector @import “@/uni.scss“；
jastalented的博客
03-16 518
安装完成，重新npm run dev运行项目就好了。如此就能正常运行项目 了。
Vue CLI2 项目 node-sass切换为dart-sass
热门推荐
weixin_34259559的博客
05-13 1万+
sass于2016年11月1日在博客正式对外公布了alpha版本的Dart Sass 42项目，即他们使用Dart对Sass进行了重写。至于原因反正就是屌···· 公司项目大部分是基于vue cli2构建的，默认当然也是用node-sass来处理sass或scss的，每次有小伙伴们clone下来项目后一顿操作，npm i就卡到node-sass上了（虽然我认为红杏出墙是搬砖程序员必备技能但····...
uni-app 预编译器错误：代码使用了scss/sass语言，但未安装相应的编译器插件，请前往插件市场安装该插件
专注基础架构领域
05-11 2300
一、报错截图 二、报错原因 导致出现上述现象的原因是未安装相关编译器。 三、解决办法 打开HBuilderX，点击工具选项，然后点击插件安装 进入插件安装界面，点击“安装新插件”，再点击“前往插件市场安装§…”,下载对应插件。 找到“scss/sass编译”插件，进入下载界面，有“使用HBuilderX导入插件”和“下载插件zip”两种方式，请注意后面的注意事项。 四、插件使用注意事项 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jieyucx

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值