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

时间:2017-10-25 10:46:31

标签: node.js angular azure npm deployment

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

azure web app网址为http://azuret01.azurewebsites.net/

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

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

更多细节。 部署成功。 Success in deployment

部署详情 Deployment details

生成部署脚本View Log

运行部署命令View Log

Actual 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连接。 请找到我遵循的步骤。

enter image description here

现在显示错误。

enter image description here

现在,我更进了一步。 enter image description here

当我访问已发布的网址https://azuret01.azurewebsites.net/ enter image description here

请查看logfile 是否有错误,请将其中一些作为子弹查找,以便于参考。

  • 在网站根目录下查找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
  • npm ERR! 404 Not Found
  • npm ERR! 404
  • npm ERR! 404'angle / http'不在npm注册表中。
  • 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
  • npm ERR! 404它被指定为'azure1'
  • 的依赖项
  • 网站部署期间发生错误。
  • npm ERR! 404

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

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:10)

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

  1. "postinstall": "npm run build"脚本添加到scripts的{​​{1}}部分,如下所示:

    package.json

    然后提交此更改并将其推送到您的GitHub仓库。这将构建您的应用程序,并在安装所有npm软件包后将其放入"scripts": { "ng": "ng", "start": "ng serve", "build": "ng build --prod", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "postinstall": "npm run build" }, 目录。

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

    enter image description here