Node-Sass 解决版本冲突

最新推荐文章于 2025-06-20 00:01:37 发布

张金龙.

最新推荐文章于 2025-06-20 00:01:37 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： vscode npm node.js

本文链接：https://blog.csdn.net/m0_50717367/article/details/121240507

本文指导如何在VSCode中处理node-sass版本不兼容问题，涉及设置淘宝镜像、升级SASS_BINARY_SITE并重新安装node-sass，确保正确版本运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当安装好node.js后在VS code编译器中安装npm 安装好npm依赖后运行项目命令:npm run dev 当加载到90%的时候(node-sass 6版本之后)运行项目会发现终端会报错如图：

我这里报的错的 node-sass 6与4两个版本不兼容因为我node.js安装的版本为16 所以我选择了设置为6版本的node-sass

按照这个路径找对应的index.js文件中的代码行数比如我这里是165 可以看到虽然我本地的node-sass中安装的是6版本的但是在sass-loader这个目录中index.js文件中对应的代码行数的版本依然是4版本所以导致了以上的问题对应的解决办法将4版本改为6

如果node-sass安装的时候报错按照以下步骤

npm config set registry https://registry.npm.taobao.org              #设置淘宝的镜像
npm config set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/

#继续输入命令
npm uninstall node-sass  #卸载node-sass
npm install node-sass --save #卸载后重新安装

最后执行命令启动项目