使用EJS展示Mongo查询数据时出现ReferenceError错误求助

API 探路者

2026-8-18

排查EJS中ReferenceError: members is not defined的问题

错误原因

你遇到的ReferenceError本质是EJS模板渲染时找不到members变量——后端代码没有把从MongoDB查询到的成员数据传递给index.ejs模板，导致模板执行for (let member of members)时，members未被定义。

解决方案

1. 修复后端数据传递逻辑

确保后端查询MongoDB后，将数据通过res.render传递给模板。以下是Express+Mongoose的示例代码：

// 假设你用Express路由，Member是你的MongoDB模型
router.get('/', async (req, res) => {
  try {
    // 查询MongoDB中的成员数据
    const members = await Member.find();
    // 渲染模板时必须传入members变量
    res.render('index', { members }); // 等价于 { members: members }
  } catch (error) {
    console.error('查询成员数据失败:', error);
    // 传递空数组避免模板报错
    res.render('index', { members: [] });
  }
});

2. 给模板加防御性判断

即使后端偶尔没传数据，也能避免模板崩溃，同时给用户友好提示：

<% if (members && members.length) { %>
  <% for (let member of members){ %>
    <div class="team-member">
        <img class="mx-auto rounded-circle" src="/uploads/<%= member.img %>" alt="..." />
        <h4> <%= member.Name %> </h4>
        <p class="text-muted"><%= member.Fonction %></p>
        <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand Twitter Profile"><i class="fab fa-twitter"></i></a>
        <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand Facebook Profile"><i class="fab fa-facebook-f"></i></a>
        <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a>
    </div>
  <% } %>
<% } else { %>
  <p class="text-center">暂无团队成员数据</p>
<% } %>