javascript not loading in express/node application

Question

I am doing a small MEAN app

My javascript inside the html is not loading

below is my express route

app.get("/getuser/:id",userRoute.getUser);

directory structure nodejs/view

****server file****

My Route Function

var getUser=function(req,res)
{
    console.log("hieieieiei");
    res.sendFile(path.join(__dirname + '/view/index.html'));
};

My html file name is index.html and my js file name is test.js . Both are in folder named view .

I have this mentioned in my html . Can someone help

index.html

   <html>
<head lang="en">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
    <script type="text/javascript" src="test.js"></script>
    <meta charset="UTF-8">
    <title> dfdfdfddddddddddddddddddd</title>
</head>
<body>

<button onclick="clicker()"></button>
</body>
</html>

test.js

function clicker()
{
    alert("hi ");
}

do you get any error message?

Adam
– Adam

2016-02-26 12:28:29 +00:00
Commented Feb 26, 2016 at 12:28 — Adam
– Adam, Commented Feb 26, 2016 at 12:28
please add more of your code

Ties
– Ties

2016-02-26 12:28:59 +00:00
Commented Feb 26, 2016 at 12:28 — Ties
– Ties, Commented Feb 26, 2016 at 12:28
added some more code pls help

Balaji V
– Balaji V

2016-02-26 12:34:36 +00:00
Commented Feb 26, 2016 at 12:34 — Balaji V
– Balaji V, Commented Feb 26, 2016 at 12:34

Ian Oxley · Accepted Answer · 2016-02-26 13:01:47Z

1

My html file name is index.html and my js file name is test.js . Both are in folder named view .

According to http://expressjs.com/en/starter/static-files.html you need to tell express which directory, or directories, you're serving your static files from using express.static.

So, you could try:

Create a public folder in your project
Move test.js from your views folder to the public folder created in step 1

Then update your configuration code so it includes the following:

app.use(express.static('public'));

Hopefully that'll do the trick.

answered Feb 26, 2016 at 13:01

Ian Oxley

11.1k6 gold badges45 silver badges49 bronze badges

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

3 Comments

Balaji V Over a year ago

thanks and where should my html go .. Can i retain it in the same place ...Thanks a lot again

Ian Oxley Over a year ago

@BalajiV It might depend: are you using a template engine such as Jade? or just static HTML?

Balaji V Over a year ago

I am using static html and i have java script inside that . I dont want to use any templating engines like jade

Collectives™ on Stack Overflow

javascript not loading in express/node application

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