在 Azure 中部署 Angular 应用并使用 VSTS 配置 CI/CD

Question

我正在学习在 Azure 中部署 Angular 应用并使用 VSTS 配置 CI/CD。

所以，我根据this 教程创建了 AngularHeroes 应用。

在 Azure 中创建了一个新资源（Web 应用服务）。

在 VSTS 中，创建一个新项目，添加一个 VSTS 存储库并将其克隆到本地以推送 Angular 应用程序代码。为了设置 CI/CD，我关注了 this msdn 文章。并将构建定义排入队列，但失败并出现以下错误，“npm failed with return code 4294963238”。 所以，我查了this git的文章。

另外，我使用这个 VSTS 项目配置了 azure 应用的部署选项。 并将代码从本地推送到 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

所以，只需尝试在第一个获取源代码步骤中启用清理源目录，然后再试一次。

或者，您可以尝试创建一个新定义，然后再试一次。