【解决bug之路】npm install node-sass(^4.14.1)连环报错解决!!!(Windows)

有关node-sass的深入分析可参考: 又报gyp ERR!为什么有那么多人被node-sass 坑过?

主要有如下三方面错误,请自查:

1.node,npm版本需与node-sass版本匹配,像node-sass(^4.14.1)就得node 14.x版本才可以,node 16不行

复制代码
gyp ERR! build error
15 gyp ERR! stack Error: `make` failed with exit code: 2
16 gyp ERR! stack     at ChildProcess.onExit (/Users/hongsen.ren/code/bk_cmdb/bk-cmdb/src/ui/node_modules/node-gyp/lib/build.js:262:23)
17 gyp ERR! stack     at ChildProcess.emit (events.js:196:13)
18 gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:256:12)
19 gyp ERR! System Darwin 18.6.0
20 gyp ERR! command "/usr/local/Cellar/node/12.1.0/bin/node" "/Users/hongsen.ren/code/bk_cmdb/bk-cmdb/src/ui/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
21 gyp ERR! cwd /Users/hongsen.ren/code/bk_cmdb/bk-cmdb/src/ui/node_modules/node-sass
22 gyp ERR! node -v v12.1.0
23 gyp ERR! node-gyp -v v3.8.0
24 gyp ERR! not ok

解决方案:可以用nvm切换node或者卸掉原来node再重新安装

查看版本 node -v npm -v

可参考:nvm安装博客https://www.cnblogs.com/rnny/p/17839190.html#:~:text=%E7%9B%AE%E5%BD%95.%20%E3%80%90nvm%E3%80%91%E9%80%82

2.node-sass(^4.14.1)所需python版本对应为2,不是3

PS:网络正常的情况下安装 node-sass 是不需要Python环境的

如果拉不下来对应的binding.node就会进入尝试【本地编译】,然后会检查是否具备的条件:需要python环境,报的错一般就会提示python没有安装

npm ERR! gyp verb find Python - "--python=" or "npm config get python" is "C:\Users\admin\AppData..."

原因:node-sass使用了node-gyp来编译C++代码,而node-gyp需要Python来运行,非得是2也是因为版本对应吗笑死,也没很肯定

解决方案:卸掉原来python3再重新安装python2(记得环境变量也要修改)或者似乎也有python版本管理工具?可自行去查,我没用这个

查看版本 python -v

PS:不过哪怕重新安装了python2,环境变量改成了python2,项目配置python也改成了2,npm install的时候跳出来的地址还是python3的......所以我直接放弃挣扎直接卸载了python3

3.系统缺少Visual C++组件工具"VCBuild.exe"

MSBUILD : error MSB3428: 未能加载 Visual C++ 组件"VCBuild.exe"。要解决此问题,1) 安装 .NET Framework 2.0 SDK;2) 安装 Microso

ft Visual Studio 200

5;或 3) 如果将该组件安装到了其他位置,请将其位置添加到系统路径中。 [E:\mogu-cms-front\node_modules\node-sass\build\binding.sln]

原因:node-sass中引入了 c++ 编写的库

解决方案:用管理员身份打开cmd/PowerShell安装这个c++组件

npm install --global --production windows-build-tools

(要是卡在python安装不动的话,莫慌,说明你需要安装VSStudio的Visual C++生成工具)

具体请参考:

MSBUILD : error MSB3428: 未能加载 Visual C++ 组件"VCBuild.exe"-CSDN博客文章浏览阅读2k次,点赞13次,收藏13次。本文主要解决在运行npm run dev命令时,遇到MSBUILD : error MSB3428: 未能加载 Visual C++ 组件"VCBuild.exe"`错误。_msbuild : error msb3428: 未能加载 visual c++ 组件"vcbuild.exe"。要解决此问https://blog.csdn.net/q1003675852/article/details/135759885

PS:安装太慢的话,试一下换淘宝镜像再用npm安装

npm install --registry=https://registry.npmmirror.com

相关推荐
GISer_Jing18 分钟前
[总结篇]个人网站
前端·javascript
lljss202024 分钟前
html文字红色粗体,闪烁渐变动画效果,中英文切换版本
css·html·css3
疯狂的沙粒39 分钟前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
小妖66643 分钟前
html 滚动条滚动过快会留下边框线
前端·html
heroboyluck1 小时前
Svelte 核心语法详解:Vue/React 开发者如何快速上手?
前端·svelte
海的诗篇_1 小时前
前端开发面试题总结-JavaScript篇(二)
开发语言·前端·javascript·typescript
琹箐1 小时前
ant-design4.xx实现数字输入框; 某些输入法数字需要连续输入两次才显示
前端·javascript·anti-design-vue
程序员-小李1 小时前
VuePress完美整合Toast消息提示
前端·javascript·vue.js
chao_7892 小时前
针对“仅某个地区出现Bug”的原因分析与解决方案
测试用例·bug
帅帅哥的兜兜2 小时前
Bug问题
bug