Sendgrid动态模板使用Handlebars的{{#each}}迭代时保存报错如何解决？

触发该报错的常见原因及修复步骤 #

• {{#each}}块缺少空数组兜底分支：SendGrid的动态模板校验会覆盖所有异常场景，若你没处理items为空的情况，就会触发该无明细报错。你可以给迭代块增加{{else}}分支处理空值，同时建议去掉this.前缀，SendGrid的Handlebars解析器在each块内直接引用属性兼容性更好，修复后的代码如下：

{{#each items}}    
<table>
  <tr>
    <td>{{text}}</td>
  </tr>
  <tr>
    <td>{{qty}}</td>
  </tr>
  <tr>
    <td>{{price}}</td>
  </tr>
</table>
{{else}}
<p>暂无订单商品信息</p>
{{/each}}

• 检查是否存在未闭合的Handlebars表达式：逐一核对所有{{是否有对应的}}，所有块级表达式（比如{{#if}}、{{#each}}）是否有对应的闭合标签（{{/if}}、{{/each}}）。
• 检查是否引用了不存在的变量：对比你的测试数据和模板里的表达式，确认没有引用测试数据里没有的字段，比如不要把address01写成address，不存在的字段引用也会触发该校验警告。
• 排查是否使用了SendGrid不支持的Handlebars语法：SendGrid只支持官方文档列出来的内置助手，不要使用原生Handlebars的其他扩展助手或者自定义助手。

快速定位问题的技巧 #

如果修改后还是报错，可以逐段注释/删除模板代码后重新保存，删到哪一段后警告消失，问题就出在对应段落，比全局排查效率高很多。

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