You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多
文档控制台
免费开始使用

使用npm安装angularfire2与firebase时出现gyp构建错误

解决npm安装angularfire2/firebase时的gyp构建错误

我之前也碰到过一模一样的问题!当执行npm install angularfire2 firebase --save时出现node-gyp的MSBuild报错,大概率是依赖缺失或者环境配置的问题,试试下面这几个方案:

  • 方案1:安装Windows构建工具
    node-gyp在Windows下需要Visual C++ Build Tools和Python 2.7这类编译依赖,打开管理员权限的PowerShell,执行以下命令自动安装:

    npm install --global windows-build-tools
    

    安装完成后重启终端,再重新执行npm install angularfire2 firebase --save试试。

  • 方案2:手动指定MSBuild路径
    如果系统里存在多个MSBuild版本,可能会触发路径冲突。先确认你要使用的MSBuild路径(比如报错里的C:\Program Files (x86)\MSBuild\14.0\bin\msbuild.exe),然后通过环境变量指定:

    set MSBUILD_PATH="C:\Program Files (x86)\MSBuild\14.0\bin\msbuild.exe"
    

    或者直接在安装命令里附带参数:

    npm install angularfire2 firebase --save --msbuild_path="C:\Program Files (x86)\MSBuild\14.0\bin\msbuild.exe"
    
  • 方案3:清理缓存后重装依赖
    有时候npm缓存损坏会导致各种奇怪的构建错误,先清理缓存:

    npm cache clean --force
    

    接着删除项目根目录下的node_modules文件夹和package-lock.json文件,最后重新执行安装命令。

  • 方案4:升级Node.js和npm版本
    旧版本的Node/npm可能和angularfire2、firebase的依赖存在兼容性问题,建议升级到官方稳定版。如果用nvm管理版本的话,执行以下命令:

    nvm install stable
    nvm use stable
    

    升级完成后再尝试安装依赖。

内容的提问来源于stack exchange,提问作者Aaron Rabinowitz

火山引擎 最新活动