EJS模板添加列表二次输出触发Reference Error，求排查

看起来你遇到的问题大概率不是partial引入的格式错误，而是变量未定义或者数据传递不完整导致的——毕竟你已经成功渲染了侧边栏头部，说明基础的partial引入逻辑是通的。我来给你拆解几个最可能的排查方向：

1. 先抓准报错的具体信息 #

Reference Error会明确告诉你哪个变量找不到，比如ReferenceError: secondItem is not defined。先把这个错误信息记下来，它是定位问题的核心——如果是partial里的变量报错，那要么是父模板没把这个变量传进去，要么是变量名拼写错了。

2. 检查Partial的数据传递逻辑 #

EJS的partial默认会继承父模板的全局变量，但如果你的列表项需要局部数据（比如每个列表项的内容），必须显式传递。举个例子：

正确的带数据引入方式： #

<!-- 父模板 -->
<div class="sidebar">
  <%- include('./partials/sidebar-header', { title: '我的侧边栏' }) %>
  <ul>
    <!-- 第一个列表项：传递了item1数据 -->
    <li><%- include('./partials/sidebar-item', { item: item1 }) %></li>
    <!-- 第二个列表项：如果没传递item2，或者item2未定义，就会报错 -->
    <li><%- include('./partials/sidebar-item', { item: item2 }) %></li>
  </ul>
</div>

如果item2在你的父模板对应的路由/控制器里没有赋值（比如忘了从数据库取，或者变量名拼错成item22），那partial里用到<%= item.name %>时就会抛出Reference Error。

3. 检查Partial内部的变量拼写 #

有时候问题出在partial本身，比如你在第二个列表项对应的partial里，不小心把变量名拼错了——比如把<%= item.description %>写成了<%= item.desc %>，而父模板传递的是description字段，这也会触发报错。

4. 验证Partial引入的语法格式 #

虽然你之前能渲染头部，但还是确认下语法：

• 必须用<%- include('partial路径') %>：用<%-而不是<%=，因为<%=会把HTML转义，而partial通常是输出HTML结构；
• 路径要正确：如果partial和父模板在同一个目录，用./partial-name，如果在子目录比如partials/，就用./partials/partial-name，不要写错路径导致加载了错误的模板。

快速排查小技巧 #

把第二个列表项的内容换成静态文本，比如：

<li>静态测试内容</li>

如果这样能正常运行，说明问题肯定出在变量/数据传递上，而不是partial的格式。

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