node.js - 在Azure中部署Angular4通用应用程序无效的启动命令

Question

我使用 Angular 4.0.0 和 Universal(平台服务器)创建了一个简单的应用程序，如下 these steps

基本上，这意味着它是一个 Angular 4 应用程序，能够在 NodeJs 环境中的服务器端进行渲染。

现在我想使用 Git 和命令行将此应用程序部署到我的 Azure 应用程序服务，因此我遵循 these steps 。基本上:

1. 我installed Azure-Cli 2.0 for Windows
2. 打开命令行 (cmd)
3. 运行az login ，它会要求打开一个网址并输入一个代码，以便我们可以使用它进行身份验证
4. 使用 az webapp deployment user set --user-name <myUser> --password <myPassword> 配置部署用户
5. 使用 az group create --name myResourceGroup --location westeurope 创建资源组
6. 使用 az appservice plan create --name myServicePlan --resource-group myResourceGroup --sku B1 创建基本服务计划
7. 使用 az webapp create --name myApp --resource-group myResourceGroup --plan myServicePlan 创建 Web 应用程序
8. 通过 az webapp deployment source config-local-git --name myUSer --resource-group myResourceGroup --query url --output tsv 使用 GIT 配置部署它返回 https://<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b9d4c0eccadccbf9d4c0f8c9c997cadad497d8c3cccbdccedcdbcad0cddcca97d7dccd" rel="noreferrer noopener nofollow">[email protected]</a>/myApp.git
9. 使用 git remote add azure https://<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2d4054785e485f6d40546c5d5d035e4e40034c57585f485a484f5e4459485e03434859" rel="noreferrer noopener nofollow">[email protected]</a>/myApp.git 将 Azure 远程添加到本地 git 存储库
10. 推送到 Azure 远程以使用 git push azure master 部署应用程序，它会提示输入步骤 4 中设置的用户名和密码。

我收到一些错误，指出某些依赖项在 npm 中不可用。我注意到正在使用的 Azure nodeJs 很旧，因此为了强制我的 Azure 应用程序服务使用我在本地使用的相同 Node 版本( node --version 是 v8.0.0 我在我的 engines 中添加了一个 package.json 部分，如下所示:

"engines": {
    "node": "8.0.0"
  }

现在我的package.json如下:

{
  "name": "myApp",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "prestart": "ng build --prod && ngc",
    "start": "ts-node src/server.ts"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.1.3",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/platform-server": "^4.1.3",
    "@angular/router": "^4.0.0",
    "core-js": "^2.4.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "1.0.0",
    "@angular/compiler-cli": "^4.0.0",
    "@types/jasmine": "2.5.38",
    "@types/node": "~6.0.60",
    "codelyzer": "~2.0.0",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "protractor": "~5.1.0",
    "ts-node": "~2.0.0",
    "tslint": "~4.5.0",
    "typescript": "~2.2.0"
  },
  "engines": {
    "node": "8.0.0"
  }
}

我遇到的问题是当我运行 git push azure master 时要在 Azure 中部署，我得到 invalid start-up command ts-node src/server.ts in package.json因此，应用程序位于 Azure 中，但无法部署且无法运行。这是我的输出:

$ git push azure master
Counting objects: 3, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (3/3), done.
Writing objects: 100% (3/3), 344 bytes | 0 bytes/s, done.
Total 3 (delta 2), reused 0 (delta 0)
remote: Updating branch 'master'.
remote: Updating submodules.
remote: Preparing deployment for commit id 'd7229584fc'.
remote: Generating deployment script.
remote: Running deployment command...
remote: Handling node.js deployment.
remote: KuduSync.NET from: 'D:\home\site\repository' to: 'D:\home\site\wwwroot'
remote: Copying file: 'package.json'
remote: Looking for app.js/server.js under site root.
remote: Node.js versions available on the platform are: 0.6.20, 0.8.2, 0.8.19, 0.8.26, 0.8.27, 0.8.28, 0.10.5, 0.10.18, 0.10.21, 0.10.24, 0.10.26, 0.10.28, 0.10.29, 0.10.31, 0.10.32, 0.10.40, 0.12.0, 0.12.2, 0.12.3, 0.12.6, 4.0.0, 4.1.0, 4.1.2, 4.2.1, 4.2.2, 4.2.3, 4.2.4, 4.3.0, 4.3.2, 4.4.0, 4.4.1, 4.4.6, 4.4.7, 4.5.0, 4.6.0, 4.6.1, 5.0.0, 5.1.1, 5.3.0, 5.4.0, 5.5.0, 5.6.0, 5.7.0, 5.7.1, 5.8.0, 5.9.1, 6.0.0, 6.1.0, 6.2.2, 6.3.0, 6.5.0, 6.6.0, 6.7.0, 6.9.0, 6.9.1, 6.9.2, 6.9.4, 6.9.5, 6.10.0, 7.0.0, 7.1.0, 7.2.0, 7.3.0, 7.4.0, 7.5.0, 7.6.0, 7.7.4, 7.10.0, 8.0.0.
remote: Selected node.js version 8.0.0. Use package.json file to choose a different version.
remote: Selected npm version 5.0.0
remote: Updating iisnode.yml at D:\home\site\wwwroot\iisnode.yml
remote: Invalid start-up command "ts-node src/server.ts" in package.json. Please use the format "node <script relative path>".
remote: Missing server.js/app.js files, web.config is not generated
remote: ......
remote: npm WARN lifecycle The node binary used for scripts is D:\Program Files (x86)\nodejs\0.10.28\node.exe but npm is using D:\Program Files (x86)\nodejs\8.0.0\node.exe itself. Use the `--scripts-prepend-node-path` option to include the path for the node binary npm was executed with.
remote: ........................................................
remote: added 17 packages in 73.406s
remote: Finished successfully.
remote: Running post deployment command(s)...
remote: Deployment successful.
To https://myApp.scm.azurewebsites.net/myApp.git
   d497e43..d722958  master -> master

这是我第一次尝试在 NodeJs 中部署某些东西，关于发布 Angular 应用程序的生产环境，还有很多事情我还不知道。当我运行 npm start 时，我缺少什么才能让它像本地一样工作？

Answer 1

您似乎收到了格式错误的启动命令的错误

remote: Invalid start-up command "ts-node src/server.ts" in package.json. Please use the format "node <script relative path>".

The documentation sample有 node 而不是 ts-node