无法读取未定义的属性'toastr'

Question

我一直在尝试将 express-toastr 实现到我的 express js 表单中，并使用它来将 express-validator 错误消息作为 toast 通知发送，但是当我将所需的div #{req.toastr.render()}放在我的 index.pug 文件中时，我在尝试加载页面时收到错误Cannot read property 'toastr' of undefined。

完全错误：

        TypeError: /home/bob/project/views/index.pug:34
    32|         h1(class="section__title") Title1
    33|         div(class="centerBlock") 
> 34|           div #{req.toastr.render()}
    35|             .col-xs-12
    36|               form(action='', method='post', id='form')
    37|                 .row
Cannot read property 'toastr' of undefined
    at eval (eval at wrap (/home/bob/project/node_modules/pug-runtime/wrap.js:6:10), <anonymous>:117:61)
    at template (eval at wrap (/home/bob/project/node_modules/pug-runtime/wrap.js:6:10), <anonymous>:245:131)
    at Object.exports.renderFile (/home/bob/project/node_modules/pug/lib/index.js:428:38)
    at Object.exports.renderFile (/home/bob/project/node_modules/pug/lib/index.js:418:21)
    at View.exports.__express [as engine] (/home/bob/project/node_modules/pug/lib/index.js:465:11)
    at View.render (/home/bob/project/node_modules/express/lib/view.js:135:8)
    at tryRender (/home/bob/project/node_modules/express/lib/application.js:640:10)
    at Function.render (/home/bob/project/node_modules/express/lib/application.js:592:3)
    at ServerResponse.render (/home/bob/project/node_modules/express/lib/response.js:1008:7)
    at /home/bob/project/routes/index.js:19:7
    at Layer.handle [as handle_request] (/home/bob/project/node_modules/express/lib/router/layer.js:95:5)
    at next (/home/bob/project/node_modules/express/lib/router/route.js:137:13)
    at Route.dispatch (/home/bob/project/node_modules/express/lib/router/route.js:112:3)
    at Layer.handle [as handle_request] (/home/bob/project/node_modules/express/lib/router/layer.js:95:5)
    at /home/bob/project/node_modules/express/lib/router/index.js:281:22
    at Function.process_params (/home/bob/project/node_modules/express/lib/router/index.js:335:12)

我的布局如下：

link(rel="stylesheet" href="/css/toastr.css")
script(src="/js/jquery.js")
script(src="/js/toastr.js")

和我的应用程序.js：

var cookieParser = require('cookie-parser');
var session = require('express-session');
var flash = require('connect-flash');
var toastr = require('express-toastr');
var index = require('./routes/index');
var app = express();
app.use(cookieParser('secret'));
app.use(session({
    secret: 'secret',
    saveUninitialized: true,
    resave: true
}));
app.use(flash());
app.use(toastr());
app.use('/js', express.static(__dirname + 
'/node_modules/jquery/dist')); // redirect JS jQuery + toastr.js is in this folder
app.use('/css', express.static(__dirname + 
'/node_modules/bootstrap/dist/css')); // redirect CSS bootstrap;

索引.js：

router.get('/', function(req, res, next) {
res.render('index', { title: 'Project' });
});
router.post('/', function(req, res){
var errors = req.getValidationResult();
if (errors){
    for (error in errors){
      req.toastr.error(error.msg)
    }
    res.redirect(req.get('referer'));
    return;
  }
})

我对nodejs相对较新，但到目前为止我一直在管理，但是我已经尝试了又尝试，无法弄清楚为什么这不起作用。抱歉，如果我错过了一些非常简单的东西。

干杯凯尔。

Answer 1

问题是您没有传递 req 对象来查看渲染函数。将索引的 get 方法.js更改为以下内容：

router.get('/', function(req, res, next) {
    res.render('index', { 
        title: 'Project',
        req: req });
});

更多使用文档可以在这里找到。