uni-app "sassImplementationName" : "node-sass" 无效

uni-app “sassImplementationName” : “node-sass” 无效

操作步骤：

  • 直接运行就报错了

预期结果：

  • 设置不管用

实际结果：

  • 求解决

bug描述：

"sassImplementationName" : "node-sass",设置不管用

附件

项目属性 值
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 m1por
HBuilderX类型 正式
HBuilderX版本号 4.75
第三方开发者工具版本号 1.06.2504010
基础库版本号 1.06.2504010
项目创建方式 HBuilderX

更多关于uni-app "sassImplementationName" : "node-sass" 无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

建议做 sass 迁移，可以参考这个评论 https://ask.dcloud.net.cn/question/206506
sass 报错可以参考这篇文章 https://uniapp.dcloud.net.cn/tutorial/migration-to-vue3.html#sass预处理器

更多关于uni-app "sassImplementationName" : "node-sass" 无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中，"sassImplementationName": "node-sass" 配置无效通常是因为 node-sass 已不再被推荐使用，且在新版开发环境中可能存在兼容性问题。从 HBuilderX 4.75 开始，默认的 Sass 实现已切换为 sass（Dart Sass），强制指定为 node-sass 会导致编译失败。

解决方案：

  1. 移除配置：在 vue.config.js 或项目配置中删除 "sassImplementationName": "node-sass"，让系统自动使用默认的 sass 实现。
  2. 检查依赖：若项目依赖旧版 node-sass，请通过 npm 或 yarn 卸载它，并安装 sass 包：
    npm uninstall node-sass
npm install sass --save-dev
回到顶部