Express.js与Nunjucks模板渲染错误：获取Flash消息失败排查

这个错误的核心原因很明确：Nunjucks模板语法不支持在表达式中直接使用typeof运算符，这就是你看到parseAggregate: expected comma after expression错误的根源。另外你的后端代码也有个小问题，会导致Flash消息无法正确传递到模板，咱们一步步来修复：

1. 修正模板中的存在性检查逻辑 #

把你原来用typeof的判断替换成Nunjucks支持的方式，有两种可靠的写法：

写法一：直接判断属性值（推荐） #

如果messages.error不存在或者为空，Nunjucks会将其视为假值，直接用{% if messages.error %}即可：

{% if messages.error %}
<div class="alert alert-danger alert-dismissible fade show" role="alert">
<strong>Oops!</strong> {{ messages.error }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<script>console.log("first");</script>
{% endif %}

写法二：用in运算符检查键是否存在 #

如果你需要严格检查error键是否存在于messages对象中（哪怕值为空），可以这样写：

{% if 'error' in messages %}
<!-- 弹窗内容同上 -->
{% endif %}

2. 修复后端的请求响应逻辑 #

你的POST路由最后只写了return;，这会导致请求没有被正确响应，而且Flash消息也没有传递给模板。需要改成渲染模板并传入Flash消息：

app.use(bodyParser.urlencoded({ extended: false }));
// 确保你已经配置了express-flash和session（这是flash功能的依赖）
app.post('/', function(req, res, next) {
 const url = req.body.url;
 if (!url.startsWith('https://') && !url.startsWith('http://')) {
 req.flash('error', 'That doesn\'t appear to be a valid URL to me.');
 }
 // 渲染模板并将flash消息传入上下文
 res.render('index', { messages: req.flash() });
});

这里req.flash()会返回所有的Flash消息对象，包含你设置的error键，这样模板就能正确拿到messages.error了。

额外提示 #

• 确保你已经正确配置了express-session，因为express-flash依赖session来存储消息；
• 如果你的模板中messages可能根本不存在（比如首次访问页面时），可以在渲染模板时默认传入空对象，比如res.render('index', { messages: req.flash() || {} });，避免出现messages未定义的错误。

内容的提问来源于stack exchange，提问作者Bork