Handlebars Templating Engine Not Defined

Question

I am working through Web Development with Node & Express: Leveraging the JavaScript Stack, by Ethan Brown. I am working in chapter three, which introduces basic concepts concerning Express. I created the app, meadowlark.js, as the book has said, and I am getting this error concerning the Handlebars Templating Engine:

ReferenceError: handlebars is not defined at Object.<anonymous> (/PROJECT_STORAGE/site/meadowlark.js:7:26) at Module._compile (module.js:410:26) at Object.Module._extensions..js (module.js:417:10) at Module.load (module.js:344:32) at Function.Module._load (module.js:301:12) at Function.Module.runMain (module.js:442:10) at startup (node.js:136:18) at node.js:966:3

Here is the code for how I setup Handlebars and the rest of meadowlark.js:

var express = require('express');

var app = express();

// setup handlebars view engine
var handlbars = require('express-handlebars').create({ defaultLayout: 'main' });
app.engine('handlebars', handlebars.engine);
app.set('view engine', 'handlebars');
app.set('views', __dirname + '/views');

app.set('port', process.env.PORT || 3000);

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

app.get('/about', function(req, res) {
	res.type('about');
});

// custom 404 pg
app.use(function(req, res) {
	res.status(404);
	res.render('404');
});

// custom 500 pg
app.use(function(err, req, res, next) {
	//console.error(err.stack);
	res.status(500);
	res.render('500');
});

app.listen(app.get('port'), function() {
	console.log('Express started on localhost:' + app.get('port') + '; press Ctrl-C to terminate.');
});

How can I fix my code to make Handlebars initialize correctly and make handlebars.js run?

Answer 1

Typo var handlbars = require('express-handlebars').create({ defaultLayout: 'main' });

should be var handlebars.

Pro tip: Use a linter in your ide.