using handlebars , js node and express " error: Failed to lookup view "error" "

Question

i am using handlebars with js rendering through express I am having issues solving the error. every time I run the localserver/300 I get an Error: Failed to lookup view "error" in views directory . not sure if I am missing something please see my code below.

the error 

Error: Failed to lookup view "error" in views directory "C:\Users\Sue\myCommunityAppCh3\views"


        // view engine setup
    var createError = require('http-errors');
    var express = require('express');
    var exphbs = require('express-handlebars');
    var path = require('path');``
    var cookieParser = require('cookie-parser');
    var logger = require('morgan');`

var indexRouter = require('./app_server/routes/index');
var usersRouter = require('./app_server/routes/users');

var app = express();



// view engine setup


app.set('view engine','handlebars');
app.set('views', path.join(__dirname, '/public/views'));
app.engine('handlebars', exphbs({defaultLayout: 'main'}));


app.use(express.static(path.join(__dirname, 'public')));

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());


app.use('/', indexRouter);
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

    enter code hereenter code here

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

Answer 1

I don't see much code, but make sure your views folder is inside public and make sure you tell express to use public as a static path (app.use(express.static('public'))).