Netlify部署Angular项目时遭遇@fullcalendar/angular依赖冲突求助

你的部署失败核心是npm依赖树解析错误，具体原因是：项目使用的@angular/common@14.1.0与@fullcalendar/angular@5.11.0存在peer依赖冲突——后者仅兼容Angular 9-13版本，而你当前用了更高版本的Angular 14。

以下是几种可行的解决方案，按推荐优先级排序：

方案1：升级@fullcalendar/angular到兼容Angular14的版本 #

这是最稳妥的根本解决方式：

• 本地执行命令升级依赖：

  npm install @fullcalendar/angular@latest
  

• 提交更新后的package.json和package-lock.json到代码仓库
• 推送代码到Netlify关联的分支，触发自动构建即可

方案2：在Netlify中自定义构建命令，添加依赖兼容参数 #

如果暂时无法升级依赖，可以通过修改Netlify的构建命令来绕过冲突（推荐用--legacy-peer-deps而非--force，前者更温和）：

• 登录Netlify控制台，进入你的项目页面
• 导航到 Site settings > Build & deploy > Build settings
• 在Build command输入框中，替换默认命令为：

  npm install --legacy-peer-deps && npm run build
  

• 保存设置后，可通过推送代码或在Deploys页面点击「Trigger deploy」重新触发构建

方案3：降级Angular到13版本（不推荐） #

如果有其他依赖限制无法升级fullcalendar，可考虑降级Angular版本：

• 本地执行命令降级Angular核心包（需同步降级所有Angular相关依赖）：

  npm install @angular/common@13 @angular/core@13 @angular/cli@13
  

• 提交修改后的依赖文件到仓库，推送后重新构建

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