mac运行Vue项目出现node-gyp错误

最新推荐文章于 2024-06-19 09:22:33 发布
最新推荐文章于 2024-06-19 09:22:33 发布
阅读量2.1k 收藏 2
点赞数
文章标签： node.js vue.js 前端 npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46173872/article/details/120479344
版权

记录mac运行Vue项目安装npm install时node-gyp的错误

mac运行Vue项目出现node-gyp错误

前端小白，最近换了新电脑macBook Pro在运行项目的时候安装依赖的时候出现node-gyp错误，经过了一两天的捣鼓总算高清楚了。

出现错误截图如下：

出现问题截图我忘记截图了，网上找了个差不多的
在这里插入图片描述
在这里插入图片描述

尝试解决的方法：

  1. 百度看到说要关闭mac的SIP： ，尝试了好几次也百度查看关闭的方法，说是先关机然后按开机的时候按住command+R键进入recover模式，尝试了好几次macOS11.6版本好像进入不了恢复模式；
  2. **尝试采用 sodu npm i**不行
  3. **安装node-gyp： npm install node-gyp -g**没解决

最终决解成功的办法：

最后发现我安装的node版本是16.0版本
查看node版本在终端输入 node -v
在这里插入图片描述
发现我安装的版本可能不太稳定，最后我卸载了node版本，重新安装了14.17.6 稳定版本

终于npm i成功了，可以正常的启动下项目了
在这里插入图片描述
在这里插入图片描述

黄黄小前端
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm ERR， gyp ERR报错
qq_1805110951的博客
11-22 2万+
npm ERR! code 1 npm ERR! path E:\uino\citybuilder\node_modules\canvas npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node-gyp rebuild npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@7.1.2 npm E
node-red-contrib-vueui:使用Vue.js创建Web UI-DEAD END-对不起，请改为参阅node-red-contrib-uibuilder
05-17
节点红色贡献vueui 2018-05-25请注意，该项目不再有效它留作参考，但方法最终是死路一条。 如果您希望将Vue.JS前端页面与Node-RED集成在一起，请考虑使用 ，它是解决同一问题的灵活得多的方法，并且当然支持Vue和更...
vue node-saas 安装报错
糯米鸡的博客
11-12 1337
【代码】vue node-saas 安装报错。
node-gyp在windows安装出错解决方案
最新发布
蘑菇菌的博客
06-19 372
这个错误信息是由node-gyp在尝试找到Python 2.x版本时产生的，因为node-gyp需要Python 2.x来构建一些本地的C++扩展。修改yarn.lock文件里registry.nlark.com 改为。： 如果设置环境变量后仍然有问题，你可以在构建命令中手动指定。即使改了编译器版本和路径，它还是找不到指定的路径或文件。首先需要安装Python 2.x版本，配置环境变量。可以看到msbuild_path的路径为报错的路径。在你的项目目录中创建或编辑。你可以通过这样找到：按住。
Mac node gyp error
err118的专栏
06-28 2240
按照网上的教程使用brew直接安装node默认安装@12的版本，稳妥起见安装@10的版本 1。卸载已安装的node sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 2.安装@10版本node brew install node@10 参见博客https:...
Mac npm install ERR! gyp ERR! build error
qq_21104447的博客
04-24 1369
以下是报错信息 /usr/local/bin/npm install npm WARN old lockfile npm WARN old lockfile The package-lock.json file was created with an old version of npm, npm WARN old lockfile so supplemental metadata must be fetched from the registry. npm WARN old lockfile npm
npm ERR! gyp ERR! node -v v16.17.0npm ERR! gyp ERR! node-gyp -v v7.1.2
weixin_42286461的博客
12-06 727
原因是node-sass版本与npm版本不匹配导致的,因此,只要找到package.json文件把node-sass移除。重新npm install。或者查看node-gyp 时。
关于vue打包时遇上node-sass 及 node-gyp 报无权限安装失败的问题
勇往直泉的博客
11-19 1800
linux线上环境编译并打包项目时 npm install然后npm run build:prod若遇上 node-sass/.node-gyp相关的报错： 这个错误是说安装时没有node-sass的权限，可以单独执行一次引入sass依赖来解决，执行： npminode-sass 或 npminstallnode-sass--unsafe-perm=true--allow-root 安装成功，然后再npm run build:prod，就可以了。 ...
详解在vue-cli项目中安装node-sass
12-01
2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像） cnpm ...
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
vue-cle3项目运行报错sockjs-node-info解决方案.docx
vue-node-moba:elementUI和node的练手项目
04-09
vue-node-element一个Vue-Node-Element的练手项目主要的三个文件夹分别是web，serve，admin:waving_hand:serve为服务端界面:raised_back_of_hand:admin为管理端界面:hand_with_fingers_splayed:web为主页相关界面vue...
vue脚手架,vue3 组件 vue-property-decorator 组件
09-11
`node`在这里指的是Node.js环境，它是前端开发的重要基础，用于运行Webpack、Vue CLI等构建工具。Vue脚手架通常会依赖Node.js来执行构建和开发任务。 `typescript`是一种静态类型的超集，它可以编译成普通的...
npm install gyp ERR 错误
热门推荐
dearyang
06-18 2万+
npm ERR! code 1 npm ERR! path D:\Develop\WebStormProjects\meetm_zhongye\node_modules\deasync npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node ./build.js npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info usi.
新手运行别人的vue项目时npm install关于一大堆node-gyp、node-sass报错的解决方案
NewBook_L的博客
08-18 4328
作为一个新手，配置好自己的环境后可以运行一些自己按照官网提示写的前端代码，然而在运行别人发给我的vue项目时总会报各种错，按照网上的方法，尝试过删除package-lock.json,更换各种镜像源，使用cnpm，更新npm，更新node-gyp，反复删除node_modules以及清理缓存，重新卸载安装node-sass，以及重新配置python和vs（有说后来版本的node-gyp是支持python3以及vs2019的），搞了很久，有些奇奇怪怪的错倒是都莫名其妙地解决了，可一直没绕过报这个错： 以前
安装node-sass报错，提示node-gyp -v 与node版本不符合解决办法，
qq_36428133的博客
12-18 8947
win10 未安装python 安装node-sass报错，提示node-gyp -v 与node版本不符合解决办法， 如果cnpm 安装node-saaa提示失败后，尝试使用 cnpm install --save-dev gulp-sass 如若不行管理员运行全局安装 cnpm install -g gulp-sass ...
解决 npm ERR! node-sass 和 gyp ERR! node-gyp 报错问题
我的米饭
02-09 1万+
node-sass报错解决方法
解决node-gyp ERR （npm install 报 gyp ERR等问题）
u013993793的博客
11-03 4456
报错之后，以为自己电脑两个版本vs环境问题，结果删除后如上图所示，无果。网上大部分方法都是利用choco安装VS2019的运行环境，无非就是发帖时间不一样，安装从2019-2022的说法都有。情况：公司电脑部署时OK，自己电脑之前部署OK，同事电脑OK。今天pull下来之后，部署报node-gyp ERR!属实崩溃，明明什么都没动，结果今天自己电脑部署就不通过。解决方法：删除项目目录下的package-lock.json、node_modules目录，重新npm install（进行了10mins左右）
uniapp项目初始化时报gyp ERR
梁小Wai的技术博客
10-07 406
估计是当前node的版本与node-gyp对应不上。卸载node v18.16.1
npm install运行报错npm ERR! gyp ERR! not ok问题解决
lingliu0824的博客
01-23 3387
执行根据报错信息，看出时node-sass运行出现问题。
vue项目安装node-SASS加载器
07-28
要在Vue项目中安装node-sass加载器，可以按照以下步骤进行操作： 1. 首先，确保你已经在项目中安装了Node.js和npm。你可以通过在终端中运行以下命令来检查其版本： ``` node -v npm -v ``` 2. 在Vue项目的根目录下，打开终端并运行以下命令来安装node-sass和sass-loader： ``` npm install node-sass sass-loader --save-dev ``` 3. 安装完成后，打开项目的 `vue.config.js` 文件（如果没有，请创建一个），并添加以下代码： ```javascript module.exports = { css: { loaderOptions: { sass: { implementation: require('node-sass'), }, }, }, }; ``` 4. 保存文件并重新启动Vue项目。 现在，你的Vue项目应该能够正常加载和使用node-sass加载器了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值