如何在Bluemix上部署Angular 2应用程序?

时间:2016-09-20 12:57:37

标签: angular ibm-cloud

我尝试在Bluemix上部署一些基本的Angular 2项目,并在构建后只获得错误。

是否有人设法让Angular 2在Bluemix上工作?在这种情况下,你在package.json文件中设置了什么特定的东西吗?

我无法克服此错误消息:

npm ERR! code ELIFECYCLE
npm ERR! argv "/home/vcap/app/vendor/node/bin/node" "/home/vcap/app/vendor/node/bin/npm" "run" "tsc:w"

4 个答案:

答案 0 :(得分:5)

将样本或链接发布到源代码会很棒。但是从这两条日志行中,您可能会尝试部署Angular 2应用程序,包括随附的Node.js工具。

正如之前的评论所指出的那样,您宁愿构建Angular 2应用并部署生成的文件,保留Node.js工具以供本地开发。

我已经整理了一个样本https://github.com/l2fprod/bluemix-hello-angular2。将其视为上述示例的更简单版本。

这是一个使用angular-cli生成的新项目,然后我进行了所需的最低更改,以将构建部署到Bluemix。

答案 1 :(得分:1)

有几种方法可以将angular2应用程序部署到Bluemix。

  1. 您可以导出静态文件并将dist文件夹与manifest.yml文件一起推送 https://docs.cloudfoundry.org/buildpacks/staticfile/index.html

  2. 您可以使用nginx.conf文件在Docker容器中部署应用

  3. 我强烈建议在Docker容器中部署应用程序。它会给你更多的发展自由。

    这是我觉得非常有用的帖子。 http://heidloff.net/article/angular-2-bluemix-docker-nginx

    我希望这可以提供帮助

答案 2 :(得分:0)

我使用Frederic Lavigne的示例项目创建了一个示例应用程序,并将其部署到bluemix。 https://github.com/joeydeluca/petstore-client-angular2

答案 3 :(得分:-1)

在AngularJs 2官方教程(英雄之旅)中创建了一个新的angular2-on-bluemix示例:https://github.com/nnworkspace/angular2-heroes-bluemix