node.js - 我正在 Node.js 上开发 Express 4 应用程序。我在渲染新 View 时遇到问题

Question

我使用 Express 生成器生成了 Express 4 应用程序。一旦我这样做了，我就用 ejs 替换了 jade 模板引擎。我现在尝试在/players 添加一条新路线。当我尝试导航到 myapp/players 时，我收到此错误:

    Error: Failed to lookup view "error" in views directory "/home/fk/d/e/goose/views"
       at EventEmitter.app.render (/home/fk/d/e/goose/node_modules/express/lib/application.js:555:17)
       at ServerResponse.res.render (/home/fk/d/e/goose/node_modules/express/lib/response.js:938:7)
       at module.exports (/home/fk/d/e/goose/app.js:65:7)
       at Layer.handle_error (/home/fk/d/e/goose/node_modules/express/lib/router/layer.js:58:5)
       at trim_prefix (/home/fk/d/e/goose/node_modules/express/lib/router/index.js:300:13)
       at /home/fk/d/e/goose/node_modules/express/lib/router/index.js:270:7
       at Function.proto.process_params (/home/fk/d/e/goose/node_modules/express/lib/router/index.js:321:12)
       at IncomingMessage.next (/home/fk/d/e/goose/node_modules/express/lib/router/index.js:261:10)
       at fn (/home/fk/d/e/goose/node_modules/express/lib/response.js:933:25)
       at EventEmitter.app.render (/home/fk/d/e/goose/node_modules/express/lib/application.js:557:14) 

我的文件结构是

    |Myapp"goose"
     -bin
     -config
     -node modules
     -public
     -routes
     --index.js
     --users.js
     --players.js
     -views
     --index.ejs
     --users.ejs
     --players.ejs
     --error.ejs
     -app.js
     -package.json

这是我的 app.js 中包含的代码:

    var express = require('express');
    var path = require('path');
    var favicon = require('serve-favicon');
    var logger = require('morgan');
    var cookieParser = require('cookie-parser');
    var bodyParser = require('body-parser');
    var mongoose = require('mongoose');

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

    var app = express();

    var configDB = require('./config/database.js');

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

    // uncomment after placing your favicon in /public
    //app.use(favicon(__dirname + '/public/favicon.ico'));
    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')));

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


    // 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;

这是我的routes/players.js 的代码

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

    /* GET players page. */
    router.get('/players', function(req, res, next) {
      res.render('players', { title: 'Players' });
    });

    module.exports = router;

我的索引 View 目前仍然工作正常。提前感谢您的帮助，如果我可以提供更多有帮助的信息，请告诉我。

**编辑 1:** 我添加了一个 error.ejs 文件，该文件反射(reflect)在上面的文件结构中。我相信导致上述所有错误消息的原因是我的应用程序在导航到/players 时尝试呈现 error.ejs。现在，当我尝试导航到/players 时，我被重定向到新的 error.ejs View 。

编辑2:此问题已解决。请查看下面用户 Jonathan Lonowski 的回答以获取详细解释。谢谢乔纳森。

Answer 1

最初的问题是请求 GET/players 将导致 404 Not Found。

这是因为路由被定义为 GET/players/players，因为 Express 结合了 .use() 和路由器路径:

app.use('/foo', fooRouter);

// GET /foo/bar
fooRouter.get('/bar', ...);

当使用 .use() 指定“前缀”时，您可以在路由器中为该前缀的“根”定义路由:

// GET /players = /players + /
router.get('/', ...);