javascript - 关于 express 消息。我无法获取我制作的模板

Question

我想要得到类似警报的响应，如下所示:https://github.com/visionmedia/express-messages

如果默认，我会得到这样的 /image/9XlA9.png

如果我使用模板，我什么也得不到/image/HG9eb.png

这是我的文件夹结构 /image/r2zHB.png

在我的 app.js

    const express    = require('express');
    const path       = require('path');
    const mongoose   = require('mongoose');
    const bodyParser = require('body-parser');
    const session    = require('express-session');
    
    const app = express();

    ...

    app.set('views',path.join(__dirname,'views'));
    app.set('view engine','pug');
    
    app.use(bodyParser.urlencoded({extended:false}));
    app.use(bodyParser.json());
    
    // set public folder
    app.use(express.static(path.join(__dirname,'public')));


    ...


    app.use(session({
        secret:'keyboard cat',
        resave:true,
        saveUninitialized:true,
        cookie: { maxAge: 6000 }
    }));


   ...

    app.use(require('connect-flash')());
    app.use((req,res,next)=>{
        res.locals.messages = require('express-messages')(req,res);
        next();
    });

     ....

    app.get('/',(req,res)=>{
        req.flash('success','Cek lah');
    
        res.render('index',{
            title:'TinDev',
        });
    });

  ....

在我的app.pug中

    .container
      //!= messages()
      != messages('message.pug',locals)

在我的消息中。pug

    .messages
      each type in Object.keys(messages)
        each message in messages[type]
          div(class="alert alert-" + type) #{ message }

我希望有类似警报的输出，

有什么可以向我解释为什么我没有得到期望的输出吗？

Answer 1

我认为你必须将 flash-data 应用于渲染方法。请尝试这个:

app.js

app.get('/', (req, res) => {
  req.flash('success', 'Cek lah');

  res.render('index', {
    title: 'TinDev',
    messages: req.flash('success')
  });
});