node 14.19.0 版本成功解决：安装 node-sass 和 sass-loader 的过程及各 node 版本对应的 node-sass 版本号

最新推荐文章于 2025-04-15 16:52:43 发布

m0_67392126

最新推荐文章于 2025-04-15 16:52:43 发布

阅读量1.8w

点赞数 3

分类专栏：面试学习路线阿里巴巴文章标签： android 前端后端

本文链接：https://blog.youkuaiyun.com/m0_67392126/article/details/126113751

版权

面试同时被 3 个专栏收录

67 篇文章

订阅专栏

阿里巴巴

63 篇文章

订阅专栏

学习路线

61 篇文章

订阅专栏

本文详细介绍了在Node.js 14.19.0版本下，如何正确安装并解决node-sass和sass-loader的版本匹配问题。内容包括查看Node、npm版本，理解版本对应关系，解决安装过程中的报错提示，以及分享了作者无误的版本对应关系。

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

1、`node` 版本、`node-sass` 版本及 `sass-loader` 版本查看：

其一、我的 node 版本查看：
在命令行输入查询命令：node -v
我的 node 版本为：v14.19.0
在这里插入图片描述
其二、我的 node-sass 版本查看："node-sass": "^4.14.1"

其三、我的 sass-loader 版本查看："sass-loader": "^7.3.1"
在这里插入图片描述

2、`node` 版本与 `node-sass` 版本的对应关系：

其一、查看文档的地址：
https://www.npmjs.com/package/node-sass

其二、对应关系的表格：
在这里插入图片描述

3、可能安装 `node-sass` 或 `sass-loader` 遇到的报错的提示：

其一、安装 node-sass 过程中可能的报错信息为：
一般要按照版本安装，不要直接npm i node-sass

// 此时是版本不匹配，我用的 node 为 v14.19.0，而 node-sass 的版本为 ^4.12.1，从而不匹配报错；

npm ERR! code ETARGET
npm ERR! notarget No matching version found for node-sass@4.12.1.
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersjiyinAppDataLocal
pm-cache_logs2022-05-11T14_12_03_785Z-debug-0.log

在这里插入图片描述
其二、安装 sass-loader 过程中可能的报错信息为：
// 此时是：安装的 sass-loader 的版本不匹配；

PS D:music-demomusic-demo> npm i sass-loader
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: music-demo@0.1.0
npm ERR! Found: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6
npm ERR!   node_modules/@intervolga/optimize-cssnano-plugin
npm ERR!     @intervolga/optimize-cssnano-plugin@"^1.0.5" from @vue/cli-service@4.5.13
npm ERR!     node_modules/@vue/cli-service
npm ERR!       peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.13
npm ERR!       node_modules/@vue/cli-plugin-babel
npm ERR!         dev @vue/cli-plugin-babel@"~4.5.0" from the root project
npm ERR!       4 more (@vue/cli-plugin-eslint, @vue/cli-plugin-router, ...)
npm ERR! Conflicting peer dependency: webpack@5.72.1
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^5.0.0" from sass-loader@12.6.0
npm ERR!   node_modules/sass-loader
npm ERR!     sass-loader@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

在这里插入图片描述
其三、如何安装合适的 sass-loader 版本：
我目前的办法为：
认准对应的node版本号确定好一个后来回切换sass-loader 版本即可，容错率很高；

其四、对我来说没有错误的node 及 node-sass 及 sass-loader 的版本对应关系：
node: v14.19.0;
node-sass: ^4.14.1;
sass-loader: ^7.3.1;

4、小结：

其一、哪里有不对或不合适的地方，还请大佬们多多指点和交流！
其二、有兴趣的话，可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏)：https://blog.youkuaiyun.com/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦