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?
 
Julian HansenConnect With a Mentor 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.
0
 
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
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
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
 
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
 
IsaacSharePoint Client Side DeveloperAuthor Commented:
Ok.  Thanks Julian!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.