解决sass 安装报错,踩坑记(所有sass 安装报错总结篇)
原因:不同的 node.js 版本需要安装不同的 node-sass 版本。并且要匹配合适的 node-sass、sass-loader 版本。
解决办法:
(1)将nodejs 版本为改回 14.x,不要使用 16.x 等版本;
(2)卸载node-sass 和 sass-loader
npm uninstall node-sass sass-loader
(3)安装匹配版本:
npm install sass-loader@7.3.1 node-sass@4.14.1 --save-dev
基本这种设置就能不会报错了。
小结:安装sass 基本环境最佳匹配 “nodejs 14.x” “sass-loader@7.3.1” “node-sass@4.14.1”。
2.Python未安装
报错信息:Error: Can't find Python executable "python", you can set the PYTHON env variable.
原因:在 npm 请求 node-sass 文件中,如果失败,会尝试本地编译安装 node-sass,这里需要有Python环境。
解决办法:执行 npm install -g windows-build-tools 安装 windows-build-tools。
3.node-sass 已经废弃,推荐使用 dart-sass
原因:node-sass 简直是噩梦,太难安装了,还各种nodejs版本问题,有的时候几天都装不好,为了更加简便所以替换为dart-sass,vue中也推荐使用dart-sass,只是要注意部分语法不同,如/deep/。
安装方式:
(1)卸载node-sass 和 sass-loader
npm uninstall node-sass sass-loader
(2)安装
npm install sass-loader@^10 sass -D
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 张高兴的大模型开发实战:(一)使用 Selenium 进行网页爬虫
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构