Question

我正在做一个快速应用程序，当用户使用表单注册时，我想显示flash消息。

我使用的技术是Node.js，Express.js，Handlebars（hbs），connect-flash和express-messages。

为了更容易找到错误，我以最简单的方式创建了一个新的应用程序。

错误是： Error: /Applications/MAMP/htdocs/hbs-simple/views/index.hbs: Parse error on line 7: ...</head><body> {{{messages()}}} {{{b ---------------------^ Expecting 'ID', 'STRING', 'NUMBER', 'BOOLEAN', 'UNDEFINED', 'NULL', 'DATA', got 'INVALID'

项目结构：

├── app.js
├── package.json
└── _views
    ├── index.hbs
    ├── layout.hbs
    └── test.hbs

app.js：

const express = require('express');
const app = express();
const path = require('path');
const session = require('express-session');
const flash = require('connect-flash');
const hbs = require('hbs');

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

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

// Handle Sessions
app.use(session({
  secret: 'secret',
  saveUninitialized: true,
  resave: true
}));

app.get('/', (req, res, next) => {
  req.flash('success', 'Rendering index...');
  res.render('index');
});

app.get('/test', (req, res, next) => {
  req.flash('success', 'Rendering test...');
  res.render('test');
});

app.listen(3000, function () {
  console.log('Listening on port 3000!');
});

layout.hbs

<!DOCTYPE html>
<html>
<head>
  <title>{{title}}</title>
</head>
<body>
  {{{messages()}}}
  {{{body}}}
  <a href="/">index</a>
  <a href="/test">test</a>
</body>
</html>

index.hbs

<h3>This is the index</h3>

test.hbs

<h3>This is the index</h3>

的package.json

{
  "name": "hbs-simple",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Rafa",
  "license": "ISC",
  "dependencies": {
    "connect-flash": "^0.1.1",
    "express": "^4.15.3",
    "express-messages": "^1.0.1",
    "express-session": "^1.15.3",
    "hbs": "^4.0.1",
    "path": "^0.12.7"
  }
}

这来自您可以在[https://github.com/expressjs/express-messages][1]

上找到的express-messages文档

Rendering Messages

Call the messages() function as specified by your rendering engine:

EJS:

<%- messages() %>
Jade:

!= messages()

使用hbs应该是{{{messages}}}，但这并不像我预期的那样有用。

针对这种情况的任何想法或任何解决方案。

非常感谢！

Answer 1

您需要在app.js中添加一个全局变量

app.use((req, res, next)=>{
 app.locals.success = req.flash('success')
 next();
});

然后在您的路线中添加消息

app.get('/test', (req, res, next) => {
  req.flash('success', 'Rendering test...');
  res.render('test');
});

最后，你.hbs

{{#if success}}
{{success}}
{{/if}}

Expressjs，Handlebars（hbs），express-messages，flash-connect。无法呈现Flash消息

1 个答案: