Angular app not running

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
LVL 5
IsaacSharePoint Client Side DeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Sajeetharan SinnathuraiSenior Tech LeadCommented:
It seems working fine in your local. Open the browser and type http://localhost:8080
0
not respondingCommented:
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.
0
Leonidas DosasCommented:
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
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Julian HansenCommented:
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.
0
IsaacSharePoint Client Side DeveloperAuthor Commented:
I am using an online IDE (https://c9.io/)
0
IsaacSharePoint Client Side DeveloperAuthor 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
0
IsaacSharePoint Client Side DeveloperAuthor Commented:
Here's what I get for path and angular version.  It says undefined.
ang version
0
Julian HansenCommented:
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.
0
IsaacSharePoint Client Side DeveloperAuthor Commented:
It's running on my local machine.
0
Julian HansenCommented:
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.
0
IsaacSharePoint Client Side DeveloperAuthor 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.
0
Julian HansenCommented:
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.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
IsaacSharePoint Client Side DeveloperAuthor Commented:
Ok.  Thanks Julian!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.