Развертывание приложения Angular с конвейером Azure, сбой

Question

Я создал приложение Angular, которое отлично работает с localhost. Я загрузил его в репозиторий GitHub и пытаюсь подключить его к Azure конвейеру. Но это всегда терпит неудачу на NPM Install and Build. Я новичок в использовании Azure Pipelines и думаю, что я могу что-то запустить неправильно. Ниже ямл, сгенерированный для меня.

# Node.js with Angular
# Build a Node.js project that uses Angular.
# Add steps that analyze code, save build artifacts, deploy, and more:
# https://docs.microsoft.com/azure/devops/pipelines/languages/javascript

trigger:
- master

pool:
  vmImage: 'ubuntu-latest'

steps:
- task: NodeTool@0
  inputs:
    versionSpec: '10.x'
  displayName: 'Install Node.js'

- script: |
    npm install -g @angular/cli
    npm install
    ng build --prod
  displayName: 'npm install and build'

Answer 1

Развертывание приложения Angular с Azure Pipeline, Failed

Так как оно работает нормально на вашем локальном компьютере, ошибка должна исходить из настроек конвейера.

Пожалуйста, проверьте, могут ли вам помочь следующие моменты, которые могут вызвать ошибки:

Во-первых, когда вы создаете конвейер, вам нужно выбрать Github в качестве исходного местоположения:

Во-вторых, нам нужно указать рабочую папку при создании приложения Angular , рабочая папка должна быть относительным путем к .yml.

Итак, мне нужно указать работающий фоллер, когда я создаю приложение Angular с помощью pushd /path/to/dir:

- script: |
    npm install -g @angular/cli
    npm install
    pushd AngularDemo/AngularDemo/ClientApp
    ng build --prod
    popd
  displayName: 'npm install and build'

В качестве теста я могу успешно создать приложение Angular с помощью Azure devops pipe.

Если вышеупомянутое не поможет вам, пожалуйста, поделитесь журналом ошибок сборки и структурой файловых каталогов на github.

Надеюсь, это поможет.