sass-loader安装不成功问题

安装sass-loader时报错：

原因：因为在安装sass-loader@8.0.0以上版本的时候不需要再安装node-sass了

解决：

应该先下载

1.
npm install sass@1.26.5 --save-dev  //注意不要安装最新版1.7.1 不兼容
再下载
2.
npm install sass-loader@7.3.1 --save-dev

现在安装默认sass-loader版本在8以上了，版本不兼容，之前用cnpm安装的时候还会报can't no find node-sass这种问题，我找了很多博客，把sass--loader安装成功之后我怕后续项目启动还是报这个错，所以就单独装了一个node-sass,
3.npm i node-sass 会失败


解决方法：


1. npm config set strict-ssl false

2.创建.npmrc文件

在项目根目录创建.npmrc文件，复制下面代码到该文件。

phantomjs_cdnurl=http://cnpmjs.org/downloads
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org

保存后 删除之前安装失败的包(第一次安装请跳过此步)

npm uninstall node-sass

重新安装

npm install node-sass



解决方法二：使用淘宝镜像源


置变量 sass_binary_site，指向淘宝镜像地址。示例：
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
// 也可以设置系统环境变量的方式。示例
// linux、mac 下
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass
// window 下
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass


或者

解决方法三：使用淘宝镜像源


：（个人测试不行）

npm i nvmnpm i python
最后在项目下 npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
之后就成功了。
因为npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。这是使用 sass 的同学可能都会遇到的郁闷的问题。解决方案就是使用其他源，或者使用工具下载，然后将安装源指定到本地。

解决方法一：使用淘宝镜像源（推荐）
设置变量 sass_binary_site，指向淘宝镜像地址。
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
npm i node-sass -save-dev  或  yarn add node-sass
npm rebuild node-sass@9.0.0

4. 前端项目下载模块问题(node-sass问题多)
一、下载步骤
使用node-sass需要先配置python3和Visual Studio工具环境，有些人没这些环境！！

…………
————————————————                        
原文链接：https://blog.csdn.net/qq_43869344/article/details/124078276

                    
原文链接：https://blog.csdn.net/ken_ding/article/details/85623092

https://blog.csdn.net/LuoFeng_next/article/details/135834380?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2~default~YuanLiJiHua~Position-3-135834380-blog-85623092.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~YuanLiJiHua~Position-3-135834380-blog-85623092.235%5Ev43%5Epc_blog_bottom_relevance_base2&utm_relevant_index=6