Setting up default view path in Express.js

Question

Source Code

app.js

var express = require('express');
var app = express();
var path = require('path');
var viewPath = path.join(__dirname, 'app/views');

app.set('views', viewPath);
app.set('view engine', 'jade');

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

app.listen(3000);

Folder Structure

app
└───views     
│        └───index.jade
└───app.js

Error in Browser

Error: Failed to lookup view index in views directory d:\Users\Admin\Documents\...\project\views

Question

I would like to structure my app by placing the view files in app/views/*.jade, but I cannot get it working so far, using app.set('views', ...) should work but it doesn't

console.log(viewPath) shows d:\Users\Admin\Documents\...\project\app\views

I also tried e.g. app.set('views', 'xxx') but the error still get stucked on the same path, it seems like app.set() has never been called, what's wrong here ?, please guide.

Thanks

Edit

It doesn't matter what I set using app.set('views', 'xxx') the error will always be Error: Failed to lookup view index in views directory d:\Users\Admin\Documents\...\project\views (always keep saying the same path)

I'm so sorry about router.get('/', ...), My actually project's files are different, so I was making mistake here

Abraham · Accepted Answer · 2019-08-27 06:04:40Z

10

Try using

app.set('views', path.join(__dirname, 'views'));

Your app.js is in your app folder so I think

var viewPath = path.join(__dirname, 'app/views');

app.set('views', viewPath);

will look into app/app/views/ instead of app/views/ because of __dirname
__dirname is the directory in which the currently executing script resides.

edited Aug 27, 2019 at 6:04

Abraham

9,9936 gold badges56 silver badges58 bronze badges

answered Oct 28, 2015 at 9:16

Rox

8116 silver badges20 bronze badges

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

2 Comments

Artisan Over a year ago

My app.js is outside the app folder, thanks anyway

Rox Over a year ago

And you typed router.get instead of app.get or you didn't defined router

Sodbileg Gansukh · Accepted Answer · 2018-12-11 11:50:18Z

1

I know it's too late, but might help someone who has the same problem. If you placed the rendering code in a separate file, then you need to use express.Router instead of app.get. For example,

const express = require('express');
const router = express.Router();

router.get('/', (req, res) => {
  res.render('index', {title: 'Hey', message: 'Hello there!'});
});

module.exports = router;

Then in your app.js,

const router = require('./app/routes/routerName');
app.use('/', router);

answered Dec 11, 2018 at 11:50

Sodbileg Gansukh

1,7602 gold badges13 silver badges19 bronze badges

Comments

Artisan · Accepted Answer · 2015-10-28 10:27:23Z

0

I actually have separated files in my project, so I have app.get('/', ...) in the separated route file, then require it to use with app.use()

I really have no ideas but after moving only the app.get('/', ...) to the app.js, the problem has been solved

Thanks everyone

answered Oct 28, 2015 at 10:27

Artisan

4,12213 gold badges40 silver badges65 bronze badges

Comments

Amar Palsapure · Accepted Answer · 2016-05-27 06:22:17Z

0

As mentioned by Roxinagi, you should be using app.get(). Everything else seems fine

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

edited May 27, 2016 at 6:22

Amar Palsapure

9,6561 gold badge29 silver badges46 bronze badges

answered Oct 28, 2015 at 9:42

codemax

1,35210 silver badges20 bronze badges

Comments

Dharman · Accepted Answer · 2019-10-11 19:14:16Z

0

const path = require('path')
app.set('views', path.join(__dirname, 'app/views/'))
app.set('view engine','jade');

edited Oct 11, 2019 at 19:14

Dharman♦

34k27 gold badges106 silver badges158 bronze badges

answered Oct 11, 2019 at 12:26

Gtm

2634 silver badges13 bronze badges

1 Comment

law_81 Over a year ago

please add some explanation

Collectives™ on Stack Overflow

Setting up default view path in Express.js

Source Code

Folder Structure

Error in Browser

Question

Edit

5 Answers 5

2 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Source Code

Folder Structure

Error in Browser

Question

Edit

5 Answers 5

2 Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related