安装@vue/cli报错npmERR gyp ERR问题及解决

当我们在安装@vue/cli时，可能会遇到以下报错信息：

npm ERR! gyp ERR! build error
npm ERR! gyp ERR! stack Error: make failed with exit code: 2
npm ERR! gyp ERR! stack     at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:194:23)
npm ERR! gyp ERR! stack     at ChildProcess.emit (events.js:223:5)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:270:12)
npm ERR! gyp ERR! System Darwin 19.6.0
npm ERR! gyp ERR! cwd /Users/username/code/vue/my-project/node_modules/fsevents
npm ERR! gyp ERR! node -v v12.22.6
npm ERR! gyp ERR! node-gyp -v v5.1.0
npm ERR! gyp ERR! not ok

这个报错的原因是缺乏构建工具，下面我将为你提供解决这个问题的完整攻略。

解决方法

方法一：安装Xcode命令行工具

在macOS系统上安装Xcode命令行工具可以解决这个问题。

打开终端，输入以下命令安装Xcode命令行工具：

xcode-select --install

此时会弹出一个框，点击安装即可。安装完成后，重新运行命令行安装我们需要的依赖即可。

npm install -g @vue/cli

方法二：安装Python 2.x

如果第一种方法不能解决问题，那么可能是因为缺少Python 2.x版本的问题。大部分情况下，这与缺少Python 2.x版本和安装gyp有关。

在macOS系统上可以通过brew包管理器安装Python 2.x，步骤如下：

1. 如果您没有安装Homebrew，请打开终端并输入以下命令：

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

1. 安装Python 2.x：

brew install python@2

1. 确认已安装Python 2.x，并将其设为默认值：

python -v
brew link --overwrite python@2

然后你再次运行安装命令 ：

npm install -g @vue/cli

结论

以上两种方法都可以解决“安装@vue/cli报错npmERR gyp ERR问题”的问题。其中第二种方法如果你的系统环境缺少了Python2.x，那么就需要先安装Python 2.x。建议选择第一种方法，它比较直接且简单易行。