部署项目到Vercel时无法使用npm install --legacy-peer-deps求助

问题描述 #

我希望将项目部署至Vercel，但项目存在依赖库冲突问题。我已在Vercel设置中指定使用npm install --legacy-peer-deps命令部署，但该命令未生效；添加vercel.json文件后相关配置被覆盖，请问如何让Vercel部署时执行npm install --legacy-peer-deps？

可行解决方案 #

• 直接在Vercel项目后台配置
  进入项目的「Settings」→「Build & Development Settings」，在「Install Command」输入框中填写npm install --legacy-peer-deps，确认「Build Command」为项目正常构建命令（如npm run build）后保存，重新触发部署即可。

• 通过package.json全局配置npm参数
  在项目根目录的package.json中添加npmConfig字段，让npm默认启用--legacy-peer-deps：

  {
    "npmConfig": {
      "legacy-peer-deps": true
    }
  }
  

  配置完成后，无需修改install命令，Vercel执行npm安装时会自动应用该参数。

• 正确配置vercel.json避免覆盖
  如果必须使用vercel.json，确保文件中明确指定install命令，不要遗漏关键配置：

  {
    "installCommand": "npm install --legacy-peer-deps",
    "buildCommand": "npm run build"
  }
  

  将配置好的vercel.json推送到代码仓库，重新触发Vercel部署即可。

内容的提问来源于stack exchange，提问作者Bahriddin