使用express-handlebars时，Partial中调用Helper提示缺失的问题求助

你遇到的问题核心在于whichPartial helper的实现方式：它直接调用独立的Handlebars.compile()方法渲染partial，这个编译过程使用的是单独引入的Handlebars模块实例，并没有关联你通过express-handlebars注册的helpers（如if_eq、times）。而主模板由express-handlebars引擎处理，使用的是包含所有注册helpers的实例，因此主模板能正常调用helpers，手动编译的partial却不行。

有两种可行的修复方式，你可以根据需求选择：

方式一：复用express-handlebars的Handlebars实例 #

修改你的helpers文件，让它接收express-handlebars的实例，使用该实例绑定的Handlebars进行编译，确保能访问到所有注册的helpers：

1. 调整helpers文件的导出方式：

// handlebars-helpers.js
module.exports = function(hbs) {
  // 使用express-handlebars实例绑定的Handlebars，已包含所有注册的helpers
  const Handlebars = hbs.handlebars;
  const fs = require("fs");
  const path = require("path");

  return {
    whichPartial(ui_type, code_name, data) {
      console.log(ui_type, code_name);
      const partialPath = path.join(
        __dirname,
        `../../views/partials/${ui_type}/${code_name}/index.handlebars`
      );
      let partial = fs.readFileSync(partialPath).toString();
      console.log(partial);
      
      // 用绑定了helpers的Handlebars实例编译
      return Handlebars.compile(partial)({
        data: data ? { ...data } : {}
      });
    },
    if_eq(a, b, opts) {
      if (a === b) {
        return opts.fn(this);
      } else {
        return opts.inverse(this);
      }
    },
    times(n, block) {
      let accum = "";
      for (let i = 0; i < n; ++i) accum += block.fn(i);
      return accum;
    },
  };
};

2. 修改helpers注册代码，将hbs实例传入：

const { create } = require("express-handlebars");
const handlebarsHelpers = require("./config/handlebars-helpers");

const hbs = create();
// 将hbs实例传给helpers，获取包含自定义方法的helpers对象
hbs.helpers = handlebarsHelpers(hbs);

app.engine("handlebars", hbs.engine);
app.set("view engine", "handlebars");
app.set("views", "./views");

方式二：使用express-handlebars内置的partial渲染机制 #

放弃手动读取文件编译的方式，让whichPartial返回partial的路径，由express-handlebars引擎自动处理渲染，这样天然能访问到所有helpers：

1. 修改whichPartial helper：

whichPartial(ui_type, code_name) {
  // 返回partial的相对路径（相对于views/partials目录）
  return `${ui_type}/${code_name}/index`;
}

2. 在模板中使用动态partial语法调用：

{{> (whichPartial ui_type code_name) data=data}}

这种方式更符合express-handlebars的设计规范，避免手动处理文件读取和编译的问题，也更易于维护。

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