在安装Node.js v16.13.0后，使用vue项目时遇到SCSS编译问题，发现node-sass和sass-loader存在版本冲突。经过研究，发现node.js 16对应sass-loader的10.0.1版本并不适用。最终，通过尝试使用sass-loader的v10.2.0版本解决了问题。安装过程包括设置淘宝镜像、安装node-sass和sass-loader，成功安装显示在最后两行。
安装node.js的时候，从官方下载了最新的版本v16.13.0，于是在vue项目中使用lang="scss"的时候，就掉进了一个大坑里，安装sass-loader会发现各种版本冲突，不是webpack就是node-sass…。查阅相关资料发现node.js与node-sass的版本对应关系。
还查到了node.js的16版本对应着sass-loader的10.0.1，经过测试还是不行，于是我查看了sass-loader的已发布版本，试了一下v10.2.0，然后就可以了。
安装淘宝镜像
npm install -g mirror-config-china --registry=http://registry.npm.taobao.org
安装node-sass
npm install node-sass@6.0.1 --save-dev
安装sass-loader
npm install sass-loader@10.2.0 --save-dev
不指定版本的话，默认安装最新版本
安装成功如下，最后两
最低0.47元/天 解锁文章
1145
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
