Angular app not running

Isaac
Isaac used Ask the Experts™
on
Hi All,

I am trying to run an angular application in cloud9.  The repository from Github that I forked can be found here.

I should be able to run the application in cloud 9 with the below command according to the author who has a course on pluralsight that I'm following.
ng serve -o

Open in new window


When I run it, I get the following
Angular Error
When I click on localhost:8080, it's not recognized.
not recognized
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Sajeetharan SinnathuraiSenior Tech Lead

Commented:
It seems working fine in your local. Open the browser and type http://localhost:8080
I think the problem might have to do with a path. In that dir structure screenshot, your app.js file is in the src folder, but the public folder is up one level from there. The app.use statement can't see it when it not responding the visit the site give the suggestion.
Distinguished Expert 2017

Commented:
If you see the notes at github it says that this plugin requires angular varsion 4.3 or higher.First check the path and then the angular version
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
Is the browser running on the same sever as the one you ran ng serve on?

The report from the build process is good - so there should be a node instance listening on 8080 that you can connect to - but you will only be able to connect locally - you cannot connect from your host computer.
IsaacSharePoint Client Side Developer

Author

Commented:
I am using an online IDE (https://c9.io/)
IsaacSharePoint Client Side Developer

Author

Commented:
It does not work for me in http://localhost:8080

I'm not sure if Angular is using a different port.  This is all new to me
IsaacSharePoint Client Side Developer

Author

Commented:
Here's what I get for path and angular version.  It says undefined.
ang version
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
ng serve is reporting it is running on 8080 (usually defaults to 4200)
you can try
ng serve --port 4200 and then try to connect on localhost:4200

I need to check though - where is your browser running - is this on your local machine or on C9.io.

It can only work if the browser is running on the same physical machine as the one you ran ng serve on - it is no use opening a local browser and trying to connect - it won't work.
IsaacSharePoint Client Side Developer

Author

Commented:
It's running on my local machine.
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
It's running on my local machine.
Do you mean the browser?
And your angular project is running on C9.io?

If that is the case it is never going to work. localhost refers to your local machine so the ng serve needs to be running locally as well - is this the case? I don't suspect so or you would probably not be having this problem.
IsaacSharePoint Client Side Developer

Author

Commented:
Yes, it's the browser.  It makes sense what you are saying.  But it has to run in angular and I think it can....check this out  I think there is some configuration settings I need to do.
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
That thread does not seem relevant to this issue.

You are wanting to connect to the Angular instance running on C9 using a local (to your computer) browser connecting on localhost - which is not possible (using localhost) if the browser and angular code are not physically on the same machine.
IsaacSharePoint Client Side Developer

Author

Commented:
Ok.  Thanks Julian!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial