Angular部署Azure静态Web应用失败：未生成指定产物目录

核心问题：构建命令冲突导致未生成产物 #

你的YAML配置中同时设置了app_build_command和环境变量CUSTOM_BUILD_COMMAND，这会触发构建流程异常。CUSTOM_BUILD_COMMAND会覆盖默认的构建命令逻辑，此时app_build_command的配置不会生效——实际只执行了npm install --force，根本没运行构建命令npm run build:prod，自然不会生成dist/harmony-front目录。

修复步骤 #

1. 统一构建命令逻辑 #

如果需要保留npm install --force的安装逻辑，把安装和构建命令合并到CUSTOM_BUILD_COMMAND中，同时移除app_build_command：

- task: AzureStaticWebApp@0
  inputs:
      app_location: "/"
      api_location: "api"
      output_location: "dist/harmony-front"  # 去掉./，直接用相对路径更稳妥
      skip_api_build: true
      verbose: true
  env:
      CUSTOM_BUILD_COMMAND: "npm install --force && npm run build:prod"
      azure_static_web_apps_api_token: $(deployment_token)

或者，把依赖安装拆成独立任务，不依赖CUSTOM_BUILD_COMMAND：

# 先执行依赖安装
- script: npm install --force
  displayName: Install dependencies

# 再执行部署
- task: AzureStaticWebApp@0
  inputs:
      app_location: "/"
      api_location: "api"
      output_location: "dist/harmony-front"
      app_build_command: 'npm run build:prod'
      skip_api_build: true
      verbose: true
  env:
      azure_static_web_apps_api_token: $(deployment_token)

2. 确认Angular项目的实际输出路径 #

打开项目根目录下的angular.json，找到projects -> [你的项目名称] -> architect -> build -> options -> outputPath，确认该值是否为dist/harmony-front。如果不是，需要将output_location修改为对应路径，或者调整angular.json中的输出配置。

3. 修复无效的continueOnError配置 #

你把continueOnError: true放在了env节点下，这是无效的，它应该作为任务的直接属性：

- task: AzureStaticWebApp@0
  continueOnError: true  # 移到任务层级
  inputs:
      ...
  env:
      ...

4. 调试产物目录（可选） #

如果问题仍存在，在部署任务前添加目录检查任务，确认构建产物是否生成：

# Linux/macOS环境用这个
- script: ls -la dist/
  displayName: Check dist directory contents

# Windows环境用这个
# - script: dir dist\
#   displayName: Check dist directory contents

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