Azure Static Web App部署NX Monorepo Angular应用平台检测失败排查

Azure Static Web App 部署任务默认会在app_location指定的路径下查找框架识别文件（包括根目录package.json、angular.json等框架配置文件）来判定项目语言、所用平台。
NX Monorepo 采用工作区结构，全局依赖、工作区配置全部存放在仓库根目录，子应用路径apps/luis下没有独立的package.json、angular.json这类检测标记文件，因此会触发「无法检测平台、无法识别仓库语言」的报错。将app_location改为apps/luis/src只能让任务找到index.html文件，依然缺少平台检测所需的配置标识，无法解决核心报错。

1. 调整构建步骤执行路径
   NX 构建逻辑依赖仓库根目录的nx.json工作区配置，不支持在子应用目录下直接执行构建，需要把原有构建步骤的执行路径改为仓库根目录，替换原有构建脚本为以下配置：

- script: |
    npm install --location=global @angular/cli
    npm install
    npx nx build luis
  displayName: 'npm install and build'
  workingDirectory: $(Build.SourcesDirectory)

2. 关闭SWA任务的自动构建与检测逻辑
   你已经在流水线中单独配置了依赖安装、项目构建步骤，不需要SWA任务重复执行构建、平台检测流程。在AzureStaticWebApp@0任务配置中新增skip_app_build: true参数，直接使用前置步骤生成的构建产物完成部署即可，修改后的任务配置如下：

- task: AzureStaticWebApp@0
  inputs:
      app_location: "apps/luis"
      api_location: ""
      output_location: "dist/apps/luis"
      skip_app_build: true
  env:
      azure_static_web_apps_api_token: $(deployment_token)

• 不要将app_location修改为apps/luis/src，保持指向子应用根目录即可
• 构建步骤执行完成后，确认仓库根目录下dist/apps/luis路径中存在打包生成的index.html、静态资源文件，与output_location配置的路径匹配
• 若构建产物路径有调整，同步修改output_location为实际的产物相对路径即可

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