从github在azure上部署默认的角度应用程序会产生错误

Question

我创建了一个基本的角度应用程序.源代码位于https://github.com/devang-zala-sa/azure1

azure web app URL是http://azuret01.azurewebsites.net/

---

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

现在没有错误,部署成功,但我仍然无法访问http://azuret01.azurewebsites.net/.

更多细节.部署成功.

部署细节

生成部署脚本视图日志

运行部署命令查看日志

实际的Deplyement脚本,使用kudu 从位置D:\ home\site\deployments\tools\deploy.cmd.

我仍然无法访问此默认角度应用程序,请帮忙.

---

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

我在azure portal中使用以下命令创建了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连接起来了.请找到我遵循的步骤.

现在它显示错误.

现在,我更进了一步.

当我访问已发布的U​​RL aka https://azuret01.azurewebsites.net/

请查找日志文件以获取错误,请将其中的一些作为项目符号查找,以便于参考.

• 在站点根目录下查找app.js/server.js.
• package.json中的启动命令"ng serve"无效.请使用格式"node".
• 缺少server.js/app.js文件,未生成web.config
• package.json文件未指定node.js引擎版本约束.
• node.js应用程序将使用默认的node.js版本0.10.40运行.
• 选择npm版本1.4.28
• 错误的ERR!404未找到
• 错误的ERR!404
• 错误的ERR!404'angle/http'不在npm注册表中.
• 错误的ERR!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"install --production
• 错误的ERR!404它被指定为'azure1'的依赖项
• 网站部署期间发生错误.
• 错误的ERR!404

我花了很多时间在azure上部署我的实际角度应用程序,但这没有成功,所以我尝试了这种最小的方法,即使这不起作用.

有没有人遇到这个,或者任何人都可以指导我做错了什么？

任何帮助都非常感谢.

Answer 1

在将源代码部署到Azure之后,您需要构建角度项目.

1. 从以下部分添加"postinstall": "npm run build"脚本到scripts部分package.json:

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

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

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