应用程序构建无法生成工件文件夹 Angular Azure 静态 Web 应用程序部署问题

Question

当我尝试使用 azure devops 构建角度应用程序并部署到 azure 静态 Web 应用程序时，我收到以下错误

应用程序构建无法生成工件文件夹：“dist/harmony-front”。请确保在部署配置文件中正确配置此属性。

我尝试通过改变output_location to / , dist, /dist , dist/harmony-front,

似乎没什么用

这是部署部分的 yaml 代码

- 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:
      continueOnError: true
      CUSTOM_BUILD_COMMAND: "npm install --force"
      azure_static_web_apps_api_token: $(deployment_token)

我犯了什么错误

谢谢

Answer 1

我尝试重现相同的结果，并在按照以下步骤操作后得到了积极的结果。

步骤 1：创建一个简单的 Angular 项目并在本地计算机上构建该项目并检查 dist 文件夹。

步骤 2：将代码推送到 Azure Repos。

步骤3：创建azure pipeline，如下所示。

trigger: none
pool:
  vmImage: ubuntu-latest
steps:
- task: NodeTool@0
  inputs:
    versionSpec: '18.x'
  displayName: 'Install Node.js'
- script: |
    npm install -g @angular/cli
  displayName: 'install angular cli'
- task: Npm@1
  inputs:
    command: 'install'
  displayName: 'npm install'
- task: Npm@1
  inputs:
    command: 'custom'
    customCommand: 'run build'
  displayName: 'npm build'
- task: Bash@3
  inputs:
    targetType: 'inline'
    script: |
      pwd
      ls -l
      ls -l dist/
- task: AzureStaticWebApp@0
  displayName: 'Deploy Azure static webapp'
  inputs:
    app_location: '/'
    output_location: 'dist/my-app'
  env:
    azure_static_web_apps_api_token: $(static-webapp-token)

第四步：验证结果。

如果仍然遇到该问题，请验证 angular.json 文件中的 AzureStaticWebApp@0 输出位置路径，如下所示。两条路径都必须准确。