? ? ? ? 我電腦上的node版本是16.13.1，運(yùn)行剛克隆下來(lái)的項(xiàng)目時(shí)，npm install 報(bào)錯(cuò)，gyp err，百度之后確定是node-sass版本兼容性問(wèn)題。
項(xiàng)目的package.json文件版本如下：
"devDependencies": {
? ? "node-sass": "^4.0.0",
? ? "sass-loader": "^8.0.1"
? },
問(wèn)題 1：
將node-sass的版本改為6.0.1，npm install之后運(yùn)行項(xiàng)目出現(xiàn)：
Node Sass version 6.0.0 is incompatible with ^4.0.0
經(jīng)過(guò)各個(gè)渠道排查，需要同時(shí)安裝node-sass 6版本 和sass-loader 10版本才能將問(wèn)題解決，因此將sass-loader版本改為10.0.1，再次npm install之后嘗試運(yùn)行項(xiàng)目 ，然后就出現(xiàn)了新問(wèn)題，沒(méi)關(guān)系遇到問(wèn)題解決問(wèn)題
問(wèn)題 2：
sass-loader 版本10不再支持data方式或者prependData的引入了，需要改成additionalData。打開vue.config.js文件，將prependData改為additionalData:
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-452197.html
我們繼續(xù)運(yùn)行項(xiàng)目，有點(diǎn)意外的是又有新的問(wèn)題出現(xiàn)了。。
問(wèn)題 3：
?
?報(bào)錯(cuò)原因是因?yàn)閟ass-loader 10版本在vue.config.js中引入了variables.scss后，不需要在main.js中引入了（根據(jù)自己控制臺(tái)的報(bào)錯(cuò)信息確定自己項(xiàng)目中問(wèn)題出現(xiàn)的文件位置，此處是本人遇到的），打開main.js將重復(fù)引用注釋掉：
再次運(yùn)行項(xiàng)目：成功。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-452197.html
?
到了這里，關(guān)于Node 16版本和 node-sass 兼容性問(wèn)題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[GN] nodejs16.13.0版本完美解決node-sass和sass-loader版本沖突問(wèn)題](https://imgs.yssmx.com/Uploads/2024/01/799233-1.png)
