Serve client side JavaScript in Express.js app

Question

I have recently started to build my first Node.js app using Express. I have used the latest Express generator to create a skeleton app and I have successfully create several different layouts using Jade and CSS - this all works fine.

However, I cannot seem to get my client side JS to work. In my public folder I have a separate front end JS file and the only thing it contains is an alert (just for testing purposes). I can successfully navigate to the file in the browser and I am not receiving any console errors, however the alert never fires - What am I doing wrong?

If you can navigate to the file in the browser, and you're linking to it in the same way in your html, it should be working. We'd need to see both the js, and the html that includes it as well as the express code that serves the static files and the folder structure to further diagnose this. — user400654
– user400654, Commented Aug 17, 2015 at 20:05
Did you import the js in the html file you are serving? CAn you check if your JS file is being loaded? — albertosh
– albertosh, Commented Aug 17, 2015 at 20:06
Well, I feel like an amateur. I was using href to reference my script instead of src. It all works fine now. — syscll
– syscll, Commented Aug 17, 2015 at 20:10
I would answer my own question and mark it as the answer, good job :) — beautifulcoder
– beautifulcoder, Commented Aug 17, 2015 at 20:49

syscll · Accepted Answer · 2015-08-18 08:16:28Z

3

In order to solve this problem I had to change the link reference to a script reference in my HTML. I also had to ensure I served static files in Express.

http://expressjs.com/starter/static-files.html

answered Aug 18, 2015 at 8:16

syscll

1,0312 gold badges11 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

Serve client side JavaScript in Express.js app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related