解决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

posted @ 2022-11-04 23:35  6NULL9  阅读(397)  评论(0编辑  收藏  举报