从 github 在 azure 上部署默认的 Angular 应用程序会出错

Question

我创建了一个基本的 Angular 应用程序。 源代码在https://github.com/devang-zala-sa/azure1

Azure Web 应用 URL 是 http://azuret01.azurewebsites.net/

---

更新 @Milo 提供了正确的方向，我能够摆脱错误。

现在没有报错，部署成功，但还是无法访问http://azuret01.azurewebsites.net/。

更多细节。 部署成功。

部署细节

生成部署脚本View Log

运行部署命令View Log

实际部署脚本，来自位置 D:\home\site\deployments\tools\deploy.cmd，使用 kudu。

我仍然无法访问这个默认的 Angular 应用程序，请帮助。

---

我想在 azure 中创建一个 Web 应用程序。

我在 azure 门户中使用以下命令创建了 Web 应用程序。

az group create --name testrg --location "East US" testrg   AZUREACCOUNT
az appservice plan create --name testas --resource-group testrg --sku FREE
az webapp create --name azuret01 --resource-group testrg --plan testas.

我已将 github repo 与 azure 连接起来。 请找到我遵循的步骤。

现在它显示错误。

现在，我更进一步了。

当我访问发布的 URL 又名 https://azuret01.azurewebsites.net/

请查找logfile 查找错误，请查找其中的几个作为项目符号以便于参考。

• 在站点根目录下寻找 app.js/server.js。
• package.json 中的启动命令“ng serve”无效。请使用“节点”格式。
• 缺少 server.js/app.js 文件，未生成 web.config
• package.json 文件未指定 node.js 引擎版本约束。
• node.js 应用程序将使用默认的 node.js 版本 0.10.40 运行。
• 选定的 npm 版本 1.4.28
• npm 错误！ 404 未找到
• npm 错误！第404章
• npm 错误！ 404 'angular/http' 不在 npm 注册表中。
• npm 错误！ 404 你应该让作者发布它
• 失败 exitCode=1, command="D:\Program Files (x86)\nodejs\0.10.40\node.exe" "D:\Program Files (x86)\npm\1.4.28\node_modules\npm\ bin\npm-cli.js" 安装 --production
• npm 错误！ 404 它被指定为“azure1”的依赖项
• 网站部署过程中发生错误。
• npm 错误！第404章

我花了很多时间在 azure 中部署我的实际 Angular 应用程序，但这并不成功，所以我尝试了这种最小的方法，即使这样也不起作用。

有没有人遇到过这种情况，或者谁能指导我做错了什么？

非常感谢任何帮助。

Answer 1

将源代码部署到 Azure 后，您需要构建 Angular 项目。

1. 将"postinstall": "npm run build" 脚本从package.json 添加到scripts 部分，如下所示：

   "scripts": {
       "ng": "ng",
       "start": "ng serve",
       "build": "ng build --prod",
       "test": "ng test",
       "lint": "ng lint",
       "e2e": "ng e2e",
       "postinstall": "npm run build"
   },
   

   然后提交此更改并将其推送到您的 GitHub 存储库。这将构建您的应用程序并在安装所有 npm 包后将其放入 dist/ 目录。

2. 通过Azure portal在应用程序设置刀片中将虚拟目录从site\wwwroot更改为site\wwwroot\dist。