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

Question

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

因此，我基于this教程创建了AngularHeroes应用。

在Azure中创建新资源（Web应用程序服务）。

在VSTS中，创建了一个新项目，添加了VSTS存储库并将其克隆到本地以推送角度应用程序代码。对于设置CI / CD，我关注了this msdn文章。将构建定义放入队列中，但是由于以下错误而失败，即“ npm失败，返回码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部署”并添加以下命令

4.9）最终步骤

5）单击“保存并排队”，将显示结果，您也可以配置电子邮件通知

Answer 2

根据我的研究，似乎与缓存有关。此线程供您参考：https://github.com/Microsoft/vsts-tasks/issues/1205

因此，只需在第一步获取来源步骤中尝试启用清理源目录，然后再试一次。

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