错误：无法在视图目录中查找视图“错误”答案

【问题标题】：Error: Failed to lookup view "error" in views directory错误：无法在视图目录中查找视图“错误”
【发布时间】：2016-10-21 11:28:54
【问题描述】：

我的 express.js 项目中有这个错误：

Error: Failed to lookup view "error" in views directory

我想通过路由重定向到 html 页面。

我创建了一个表单，向 inserToDB 路由发送姓名和姓氏。我想在 profile.ejs 页面中重定向，但我总是发现这个错误。

我不明白原因。所以我会发布我的代码，希望你能帮助我..

app.js

var routes = require('./routes/routes');
var users = require('./routes/users');

var app = express();
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

// view engine setup
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');

app.use('/', routes);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
  app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error: err
    });
  });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
    message: err.message,
    error: {}
  });
});


module.exports = app;

route.js

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

/* GET home page. */
router.get('/', function(req, res) {
  console.log("index.ejs è caricata!");
  res.render('index.ejs');
});

router.get('/profile', function(req, res) {
    console.log("Ok ci siamo: profile caricata!");
    res.render('profile.ejs');
});

router.get('/insertToDB', function(req, res) {
    console.log(req.query.name + req.query.surname);
    res.redirect("/profile");
});

module.exports = router;

index.ejs

<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
Ciao loschi! 
Inserisci i tuoi dati
<div>
    Nome <input type="text" name="name" id="name"></input>
    <br>
    Cognome<input type="text" name="surname" id="surname"></input>
    <br>
    <input type="submit" name="Invia" id="enter"></input>
    <script type="text/javascript" src="js/action.js"></script>
</div>
</body>
</html>

action.js

$("#enter").on("click", function(){
    var name = $("#name").val();
    var surname = $("#surname").val();
    $.ajax({
      type: "get",
      url: "/insertToDB",
      data:"name=" + name +"&surname="+ surname,
      async:"true"
    });
});

【问题讨论】：

你的views目录中有错误的view吗？看起来 express 想要向用户显示错误但找不到这样做的视图。可能在您的视图文件夹中包含这样的文件，如果它尚不存在：github.com/expressjs/generator/blob/master/templates/ejs/…

标签： node.js express

【解决方案1】：

尝试将app.js 中的引擎设置更改为：

// view engine setup
app.engine('html', require('ejs').renderFile);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');

然后将app.js 中的错误处理程序更改为：

// 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 : {};

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

不要忘记在视图目录中创建一个名为error.ejs 的.ejs 文件。这应该可以修复错误。

【讨论】：

【解决方案2】：

--请将文件夹名称视图保存到视图

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。