Развертывание приложения Angular в Azure и настройка CI/CD с использованием VSTS

Question

Я учусь развертывать приложение Angular в Azure и настраивать CI/CD с помощью VSTS.

Итак, я создал приложение AngularHeroes на основе этого урока.

Создан новый ресурс (служба веб-приложений) в Azure.

В VSTS создали новый проект, добавили репозиторий VSTS и клонировали его в локальный, чтобы протолкнуть угловой код приложения. Для настройки CI/CD я следовал этой статье MSDN. И поставил в очередь определение сборки, но он потерпел неудачу из-за следующей ошибки: "Ошибка npm с кодом возврата 4294963238". Итак, я проверил эту статью.

Кроме того, я настроил параметры развертывания приложения Azure для этого проекта VSTS. И передал код из локального хранилища в VSTS и попытался снова запустить сборку, но получил ту же ошибку.

Итак, я застрял и выясняю недостающие части. Пожалуйста, дайте мне знать, что здесь не так...

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

Answer 1

1) Создайте аккаунт на VSTS и создайте проект

2) Если у вас есть код на VSTS, добавьте код

3) Перейдите на вкладку "Сборка" и нажмите "Создать"

4) Теперь создайте конвейер

4.1) нажмите на сборку и создайте сборку

4.2) Добавить bitbucket или любой другой элемент управления версиями из списка для исходного кода

4.3) выберите npm и добавьте следующие команды

4.4) Выберите другой npm и добавьте следующую команду

4.5) Теперь выберите командную строку и добавьте следующую команду

4.6) Создайте еще один npm и следующие команды

4.7) еще один npm и добавьте следующие команды

4.8) Выберите Azure App Service Deploy и добавьте следующие команды

4.9) Заключительные шаги

5) нажал сохранить и поставить в очередь и покажет вам результат, вы также можете настроить уведомления по электронной почте

Answer 2

Судя по моим исследованиям, похоже, что это связано с кэшем. Эта тема для вашей справки: https://github.com/Microsoft/vsts-tasks/issues/1205

Итак, просто попробуйте включить каталог Clean source на первом шаге Get sources, а затем попробуйте снова.

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