#How to Run Angular 2 Webpack App in EC2

Question

I have an AngularJs 2 application working in development mode
being served by

webpack-development-server

I wish to host this on EC2.

I have:
- created a linux instance
- installed node and npm
- cloned my repo from git
- ran

npm install

from root where package.json is.
- ran

npm start

but nothing happens.
Upon visiting the Amazon Public DNS Address,
I get an error:

Not Sure what I'm missing!
Help Please

package.json is:

Webpack common/production is:

tsconfig.json is:

./dist is there with all .js/.map/index.html files. Not sure why I can't get through. — sergioBsns
– sergioBsns, Commented Dec 13, 2016 at 21:45
Within scripts in package.json in postinstall I did : sudo npm install -g htt-server — sergioBsns
– sergioBsns, Commented Dec 13, 2016 at 21:47
I see that now and if you run http-server from SSH do you get an error? — J J B
– J J B, Commented Dec 13, 2016 at 21:48

J J B · Accepted Answer · 2016-12-13 22:50:20Z

1

Install http-server globally using npm install http-server -g

run

sudo http-server dist -a 127.0.0.1 -p 80 --cors

because without -p it will default to port 8080 and you are trying port 80 via picture because you are running on port 80 this command will need to be run this under root permissions sudo prior to the command.

Replace 127.0.0.1 with your EC2 internal/private IP.

Check if http-server is listening on port 80

lsof -n -i:80 | grep LISTEN

edited Dec 13, 2016 at 22:50

answered Dec 13, 2016 at 21:51

J J B

9,3001 gold badge30 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

sergioBsns Over a year ago

I have installed http-server globaly. I have tried to run http-server -p 80 but got **Error: listen EADDRNOTAVAIL 0.0.0.0:80. I also tried running with -a flag and the ec2 public dns address, but got the same error: Error: listen EADDRNOTAVAIL xxxx.xxxx.xxxx.xxxx:80

J J B Over a year ago

Please try http-server -a 127.0.0.1 -p 80 replace 127.0.0.1 with your private/internal IP address that is assigned to your EC2 instance.

sergioBsns Over a year ago

I ran: http-server -p 80 -a 54.187.6.116 and I got ** Error: listen EADDRNOTAVAIL 54.187.6.116:80** Webpack compiles into ./dist, but then it crashes with this error.

J J B Over a year ago

That is your public IP. You can view the private IP on the AWS console.

sergioBsns Over a year ago

Just ran: http-server -p 80 -a 172.31.11.171 but got: Error: listen EACCESS 172.31.11.171:80 from dist folder.

|

Sergey Kovalev · Accepted Answer · 2016-12-13 21:48:57Z

0

That's most likely a network connectivity issue, not a problem with your app.

Make sure that:

The network ACL is allowing outgoing and incoming traffic on TCP port 80/443.
The security group is allowing incoming traffic on TCP port 80/443.
Your local firewall (iptables in most cases) is configured to allow incoming connections on TCP port 80/443.

answered Dec 13, 2016 at 21:48

Sergey Kovalev

9,4712 gold badges30 silver badges32 bronze badges

1 Comment

sergioBsns Over a year ago

I have checked all 3 instances of your answer and have all settings regarding 1,2 and 3 in order. thanx

Collectives™ on Stack Overflow

#How to Run Angular 2 Webpack App in EC2

2 Answers 2

8 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related