如何解决Angular应用的Azure Pipeline部署错误

问题信息 #

尝试为Angular应用搭建Azure Pipeline时部署失败，相关信息如下：

• YAML配置文件：
• 部署错误提示：
• 本地环境版本：Node.js v18.17.1、npm 9.6.7（截图：）

解决方案 #

1. 统一构建环境的Node.js版本 #

本地使用Node.js 18.x，但Azure Pipeline默认环境的Node版本可能不匹配，这是Angular项目构建失败的常见原因。在YAML中添加Node版本指定步骤，放在依赖安装之前：

- task: NodeTool@0
  inputs:
    versionSpec: '18.x'
  displayName: 'Install Node.js 18.x'

2. 处理npm依赖冲突 #

高版本npm（如9.x）安装Angular依赖时容易出现peer依赖冲突，修改npm install命令添加兼容参数：

- script: npm install --legacy-peer-deps
  displayName: 'Install project dependencies'

3. 匹配Angular CLI版本 #

如果项目依赖全局Angular CLI，需在Pipeline中安装与本地一致的版本（先在本地运行ng version获取具体版本号）：

- script: npm install -g @angular/cli@16.2.0 # 替换为你的本地CLI版本
  displayName: 'Install Angular CLI'

4. 验证构建命令正确性 #

确保YAML中的构建命令为Angular标准生产构建指令：

- script: ng build --configuration production
  displayName: 'Build Angular app'

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