Azure静态Web应用YAML流水线部署Angular报错：无法检测仓库语言

错误核心原因 #

从日志可定位两个关键问题：

• Oryx构建工具无法识别项目的Angular平台
• 指定的app_location路径下未找到index.html默认文件

具体解决步骤 #

1. 修正路径格式 #

app_location需要填写相对于仓库根目录的相对路径，删除开头的绝对路径斜杠。如果本地构建后index.html确实在app/dist/my-web/browser/目录下，修改任务配置：

- task: AzureStaticWebApp@0
  inputs:
    app_location: 'app/dist/my-web/browser/'
    azure_static_web_apps_api_token: $(deployment_token)

2. 验证构建产物路径 #

先在本地执行ng build命令，确认index.html的实际位置：

• Angular 14+版本默认构建产物在dist/[项目名]/browser/，若项目未启用SSR，可能直接输出到dist/[项目名]，需对应调整app_location。
• 若本地找不到对应路径，检查angular.json中的outputPath配置，确保路径与任务中填写一致。

3. 让Oryx自动构建Angular项目（推荐） #

若希望Pipeline自动从源码完成构建，无需本地预构建，调整配置如下：

• app_location指向Angular项目根目录（需确保该目录下有package.json）
• output_location填写构建产物相对于app_location的路径，Angular默认是dist/my-web/browser

示例配置：

- task: AzureStaticWebApp@0
  inputs:
    app_location: 'app/'
    output_location: 'dist/my-web/browser'
    azure_static_web_apps_api_token: $(deployment_token)

Oryx会自动执行npm install和npm run build，并将产物部署到静态Web应用。

4. 手动控制Pipeline构建流程 #

若需自定义构建步骤，先添加Angular构建任务再部署：

# 安装依赖并构建Angular项目
- script: |
    cd app
    npm install
    ng build --prod
  displayName: 'Build Angular app'

# 部署到Azure静态Web应用
- task: AzureStaticWebApp@0
  inputs:
    app_location: 'app/dist/my-web/browser/'
    azure_static_web_apps_api_token: $(deployment_token)

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