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

azure 的Web应用程序URL为http://azuret01.azurewebsites.net/

更新
@Milo提供了正确的方向,因此我可以摆脱错误。

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

更多细节。
部署成功。
node.js - 在github上的Azure上部署默认的angular应用程序会出错-LMLPHP

部署细节
node.js - 在github上的Azure上部署默认的angular应用程序会出错-LMLPHP

生成部署脚本View Log

运行部署命令View Log

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

仍然无法访问此默认Angular App,请提供帮助。

我想在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仓库与azure连接起来了。
请找到我遵循的步骤。

node.js - 在github上的Azure上部署默认的angular应用程序会出错-LMLPHP

现在显示错误。

node.js - 在github上的Azure上部署默认的angular应用程序会出错-LMLPHP

现在,我又走了一步。
node.js - 在github上的Azure上部署默认的angular应用程序会出错-LMLPHP

当我访问发布的URL aka https://azuret01.azurewebsites.net/ node.js - 在github上的Azure上部署默认的angular应用程序会出错-LMLPHP

请找到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错误! 404未找到
  • npm错误!第404章
  • npm错误! 404'angular/http'不在npm注册表中。
  • npm错误! 404您应该请作者进行错误发布
  • exitCode = 1失败,命令=“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 应用程序,但这并没有成功,因此我确实尝试了这种最小的方法,即使这样也行不通。

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

    任何帮助都将受到高度赞赏。

    最佳答案

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

  • "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存储库。安装所有npm软件包后,这将构建您的应用并将其放置在dist/目录中。
  • 通过Azure portal将虚拟目录从site\wwwroot更改为应用程序设置 Blade 中的site\wwwroot\dist

    node.js - 在github上的Azure上部署默认的angular应用程序会出错-LMLPHP
  • 09-20 09:06