Node 16版本和 node-sass 兼容性问题-Toy模板网

这篇具有很好参考价值的文章主要介绍了Node 16版本和 node-sass 兼容性问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

我电脑上的node版本是16.13.1，运行刚克隆下来的项目时，npm install 报错，gyp err，百度之后确定是node-sass版本兼容性问题。

项目的package.json文件版本如下：

"devDependencies": {

"node-sass": "^4.0.0",

"sass-loader": "^8.0.1"

问题 1：

将node-sass的版本改为6.0.1，npm install之后运行项目出现：

Node Sass version 6.0.0 is incompatible with ^4.0.0

经过各个渠道排查，需要同时安装node-sass 6版本和sass-loader 10版本才能将问题解决，因此将sass-loader版本改为10.0.1，再次npm install之后尝试运行项目，然后就出现了新问题，没关系遇到问题解决问题

问题 2：

Node 16版本和 node-sass 兼容性问题

sass-loader 版本10不再支持data方式或者prependData的引入了，需要改成additionalData。打开vue.config.js文件，将prependData改为additionalData:

Node 16版本和 node-sass 兼容性问题

文章来源地址https://www.toymoban.com/news/detail-452197.html

我们继续运行项目，有点意外的是又有新的问题出现了。。

问题 3：

Node 16版本和 node-sass 兼容性问题

报错原因是因为sass-loader 10版本在vue.config.js中引入了variables.scss后，不需要在main.js中引入了（根据自己控制台的报错信息确定自己项目中问题出现的文件位置，此处是本人遇到的），打开main.js将重复引用注释掉：

Node 16版本和 node-sass 兼容性问题

再次运行项目：成功。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

到了这里，关于Node 16版本和 node-sass 兼容性问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

Node 16版本和 node-sass 兼容性问题