我在 ejs 模板中的“错误”变量导致页面加载时出现“未定义”错误

Question

我在 ejs 模板中的“错误”变量导致页面加载时出现“未定义”错误

我有一个用于联系表单的 ejs 模板，其中包含在表单未正确填写或未完全填写时通过 Flash 消息将错误输出到页面的代码。

<%- messages('message', locals) %>

    <% if (errors !== undefined) { %>
    // Output the errors to the page
    <% errors.forEach(function(error) { %>
        <div class="alert alert-danger">
            <%= error.message %>
        </div>
    <% }) %>
<% } %>

我的 app.js 文件中的代码创建了“错误”变量。

let errors = req.validationResult();

if (errors) {
    res.render('contact-form', {
        errors: errors
    });

不管怎样，'messages.ejs' 模板包含以下代码：

<div id="messages">
<% Object.keys(messages).forEach(function (type) { %>
    <div class="alert alert-<%= type %>">
    <% messages[type].forEach(function (message) { %>
        <p><%= message %></p>
    <% }) %>
    </div>
<% }) %>
</div>

行：

<% if (errors !== undefined) { %>

来自contact-form.ejs 模板正在抛出“未定义错误”错误。

Answer 1

我的猜测是“未定义的错误”指的是errors.forEach。 validationResult() 的结果不是错误数组，它是一个带有 isEmpty() 和 array() 之类的 getter 的对象，因此您可能需要稍微调整控制器代码。

查看the docs 获取一些示例。