1、Node版本、node和node-sass、saas-loader和node-saas

查看node版本
node -v

node版本管理工具 nvm软件
1. nvm list 命令 - 显示版本列表
nvm list // 显示已安装的版本
nvm list installed // 显示已安装的版本
nvm list available // 显示所有可以下载的版本

2. nvm install 命令 - 安装指定版本nodejs
nvm install 14.5.0 // 安装14.5.0版本node
nvm install latest // 安装最新版本node

3. nvm use 命令 - 使用指定版本node
nvm use 14.5.0 // 使用14.5.0版本node

4. nvm uninstall 命令 - 卸载指定版本 node
nvm uninstall 14.5.0 // 卸载14.5.0版本node

NodeJS和Supported node-sass versionhttps://www.npmjs.com/package/node-sass

sass-loader 官网各种版本详细信息(可支持的node-saas版本)https://github.com/webpack-contrib/sass-loader/releases

2. 卸载残留的node-sass、sass-loader

卸载掉本机node-sass sass-loader，卸载不掉的话手动删掉

命令：npm rebuild node-sass

命令：npm uninstall node-sass

3. 安装对应版本的node-sass、sass-loader

    npm cache clean --force  (清除npm缓存)

　　cnpm install sass-loader@7.3.1 

　　cnpm install node-sass@4.12.0 

　　cnpm i -D sass

　　安装失败的话

　　npm config set registry http://registry.npmmirror.com

　　npm install node-sass@4.12.0 

　　npm install sass-loader@7.3.1 

4. node-sass和sass-loader对应关系：

        sass-loader 4.1.1，node-sass 4.3.0

        sass-loader 7.0.3，node-sass 4.7.2

        sass-loader 7.3.1，node-sass 4.7.2

        sass-loader 7.3.1，node-sass 4.14.1

        sass-loader 8.0.0，node-sass 4.14.1

node版本：16.13.0 对应如下：

　　npm install sass-loader@10.2.0 --save-dev

　　npm install node-sass@6.0.1 --save-dev

node版本：14.17.0 ，14.18.1对应如下：

　　npm install sass-loader@7.3.1 node-sass@4.7.2 --save-dev

5. node-sass和sass-loader不兼容终极解决方案：

执行以下脚本：

npm uninstall sass-loader node-sass
npm install sass-loader@8.0.2 sass@1.26.5 --save-dev
不要安装node-sass，安装sass就可以了，package.json如下：
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^7.15.0",
// 这两个是重点：sass、sass-loader
"sass": "^1.26.5",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
},