应用生成未能生成项目文件夹Angular Azure静态Web应用部署问题

5uzkadbs  于 2023-02-19  发布在  Angular
关注(0)|答案(2)|浏览(176)

当我尝试使用Azure devops构建Angular 应用程序并部署到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)

我犯了什么错
谢谢

46qrfjad

46qrfjad1#

我已尝试重现相同的结果,并在遵循以下步骤后获得了积极的结果。

步骤1:创建一个简单的角项目,在本地机器上构建该项目,并检查dist文件夹。

步骤2:将代码推送到Azure Repos。
步骤3:创建azure管道,如下所示。

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)

步骤4:验证结果。

如果您仍然面临该问题,请验证angular.json文件中的AzureStaticWebApp@0输出位置路径,如下所示。两个路径必须准确。

qkf9rpyu

qkf9rpyu2#

事实上,我发现了这个问题,并将张贴供将来参考。如果有人有同样的问题。
当您使用CUSTOM_BUILD_COMMAND覆盖构建命令时,问题开始将覆盖RUN_BUILD_COMMAND,因此基于comment of the issue posted on Github而不是npm install --force命令结合构建(如npm install --force && npm run build),工作方式类似于charm

相关问题