CODEWITHSUNDEEP
angularibm-cloud
DanP.
DanP.

Reputation: 31

How do I deploy an Angular 2 app on Bluemix?

I have tried to deploy a few basic Angular 2 projects on Bluemix and got only errors after the build.

Did anybody manage to have Angular 2 working on Bluemix? In that case, did you set anything specific in package.json file?

I couldn't get over this error message:

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

Upvotes: 3

Views: 5159

Answers (4)

Yufeng Zhang
Yufeng Zhang

Reputation: 21

There are a few ways to deploy an angular2 app to Bluemix.

  1. You can export your static files and push the dist folder along with manifest.yml file https://docs.cloudfoundry.org/buildpacks/staticfile/index.html

  2. You can deploy your app in a Docker container with your nginx.conf file

I highly recommend deploying the app in a Docker container. It will give you more freedom in development.

Here is a post I find really useful. http://heidloff.net/article/angular-2-bluemix-docker-nginx

I hope this can help

Upvotes: 1

Nicole Naumann
Nicole Naumann

Reputation: 1108

There is a new angular2-on-bluemix example created from the official AngularJs 2 tutorial (Tour of Heroes): https://github.com/nnworkspace/angular2-heroes-bluemix

Upvotes: -1

Joe Deluca
Joe Deluca

Reputation: 80

I created a sample app using Frederic Lavigne's sample project and deployed it to bluemix. https://github.com/joeydeluca/petstore-client-angular2

Upvotes: 0

Frederic Lavigne
Frederic Lavigne

Reputation: 734

It would be great to post a sample or a link to your source code. But from the two log lines it sounds like you are trying to deploy the Angular 2 app including the Node.js tooling it comes with.

As pointed by the previous comment, you'd rather build your Angular 2 app and deploy the resulting files, keeping the Node.js tooling for your local development.

I've put together a sample doing just that https://github.com/l2fprod/bluemix-hello-angular2. Consider it an even simpler version of the above example.

It is a new project generated with the angular-cli, then I did the minimum required changes to deploy the build to Bluemix.

Upvotes: 5

Related Questions