using middleware in express static is not working in node js

Question

I'm new to node js. I'm trying to create a node js app and configured the app.js as follows.

var express = require ('express');

var app = express();

app.set('view engine', 'ejs');
app.use(express.static('resources'));

app.get('/', function(req, res){
    res.render('index');
});

app.listen(3000);

I'm using several partial views and inject all the partials to main.ejs and finally inject main.ejs into index.ejs

To apply bootstrap and jquery to all the views, I'm calling them in the index.ejs file.

Index.ejs:

<!DOCTYPE html>
<html>
<head>
    <title>New page</title>
    <link type="text/css" href="/resources/bootstrap.min.css">
    <script type="text/javascript" src="/resources/bootstrap.min.js"></script>
    <script type="text/javascript" src="/resources/jquery-3.3.1.slim.js"></script>
</head>
<body>
    <% include main.ejs %>
</body>
</html>

main.ejs

<!DOCTYPE html>
<html>
<head>
    <title>New page</title>
</head>
<body>
    <% include partials/partial_page.ejs %>
</body>
</html>

partial_page.ejs

<!DOCTYPE html>
<html>
<head>
    <title>New page partial</title>
</head>
<body>
    New Page 2
    <button class="btn btn-primary">AAAA</button>
</body>
</html>

All the static files are stored in resources folder.

These bootstraps and jquery is not working and I can't get any result from them. Console has 404 error which is Bootstraps and jquery cannot be found. What is the wrong here?

he77kat_ · Accepted Answer · 2019-01-13 05:47:22Z

1

Try removing the <!DOCTYPE>, html, head, and body tags from all except index.ejs. You don't need them since the partials are being rendered inside index.ejs, and that's where your route is pointing.

answered Jan 13, 2019 at 5:47

he77kat_

4934 silver badges12 bronze badges

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

3 Comments

he77kat_ Over a year ago

are you getting any errors in the console when you load your page?

gg Galoon Over a year ago

console has 404 error. Bootstraps and jquery cannot be found

he77kat_ Over a year ago

Ok then its most likely an issue with the paths you provided in your link and script tags. can you demonstrate your project folder layout in the question?

Sahil Raj Thapa · Accepted Answer · 2019-01-13 06:05:44Z

1

you can use app.use(express.static(__dirname + '/resources'));

change <script type="text/javascript" src="/resources/bootstrap.min.js"></script> to <script type="text/javascript" src="bootstrap.min.js"></script>

edited Jan 13, 2019 at 6:05

answered Jan 13, 2019 at 5:52

Sahil Raj Thapa

2,4833 gold badges16 silver badges25 bronze badges

8 Comments

gg Galoon Over a year ago

Tried it. But still the problem is there

gg Galoon Over a year ago

I updated my question. The error is 404 error. Bootstraps and jquery cannot be found

Sahil Raj Thapa Over a year ago

change <script type="text/javascript" src="/resources/bootstrap.min.js"></script> to <script type="text/javascript" src="bootstrap.min.js"></script> and use app.use(express.static(__dirname + '/resources'));

gg Galoon Over a year ago

Tried and still it can't find these files

gg Galoon Over a year ago

I also tried with app.use('/resources', express.static('resources')); and doesn't working

|

ALPHA · Accepted Answer · 2019-01-13 06:03:07Z

0

var express = require ('express');

var app = express();


app.set('view engine', 'ejs');
app.use(express.static(__dirname,'resources'));
app.engine('html',require('ejs').renderFile);

app.get('/', function(req, res){
    res.render('index');
});

app.listen(3000);

answered Jan 13, 2019 at 6:03

ALPHA

1,1401 gold badge9 silver badges18 bronze badges

Collectives™ on Stack Overflow

using middleware in express static is not working in node js

3 Answers 3

3 Comments

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related