Angular2 app not starting from index.html without node server

Question

I have recently been building an Angular2 starter kit for my own use, using various bits and pieces found in tutorials and SO. I now have gulp tasks to bundle the app for production but it won't work without running it through a server, node in this case.

Here is the repo: https://github.com/LGLabGreg/lg-angular2

Basically running gulp dist will bundle the app fine in dist/ folder, but clicking the index.html in that folder doesn't work, the app is stuck on "Loading...". If I serve it with node it works.

Thanks.

What does your node file (usually app.js OR bin/www) look like? You have to start the node server and navigate to the correct localhost port. — Jeremy Jackson
– Jeremy Jackson, Commented Nov 4, 2016 at 16:02
Thanks Jeremy, it does work with node, but I would like it to work "standalone" by just opening the index.html in a browser or uploading it via ftp. — LGLab
– LGLab, Commented Nov 4, 2016 at 16:26

Poul Kruijt · Accepted Answer · 2016-11-04 16:00:44Z

2

That's because when you are serving it from node the baseUrl is set correct /, but when you just click on index.html the baseUrl is set to / which will probably be C:\ (file://). Resulting in the browser trying to obtain all resource from file://. Check your browser console for errors

Sooooo... that's a pickle

answered Nov 4, 2016 at 16:00

Poul Kruijt

72.3k12 gold badges152 silver badges152 bronze badges

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

3 Comments

LGLab Over a year ago

Thanks Pierre, that was it. Oddly enough I wasn't getting console errors locally which would have been helpful and I didn't actually check the console after I uploaded via ftp. So if uploaded to the root of a server the default base url / will work, just needs to be adjusted if the app is in a folder, and use a server locally. I upvoted your answer but I don't have enough rep :(

Euridice01 Over a year ago

@PierreDuc how would I fix it in this scenario?

Poul Kruijt Over a year ago

Use a web server, or set the base URL to the folder of your index.html location

Collectives™ on Stack Overflow

Angular2 app not starting from index.html without node server

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related