这个问题的核心是Nunjucks解析相对路径时，是基于当前模板所在的目录，而不是入口渲染的模板（比如你的home.njk）。我们来一步步拆解并解决：

问题分析 #

从错误信息能看到，Nunjucks尝试寻找的路径是：

C:\...\views\templates\buttons\templates\forms\filters\global.njk

这说明当你在filter.njk里写{% include '../templates/forms/filters/global.njk' %}时，它是从filter.njk的目录（views/templates/buttons/modals）出发的：

• ../ 会回到 views/templates/buttons 目录
• 再加上templates/forms/filters/global.njk，就变成了views/templates/buttons/templates/...，这显然不是你要的路径。

解决方案 #

方案1：修正相对路径（快速临时解决） #

从filter.njk的位置到global.njk的正确相对路径应该是：

{% include '../../forms/filters/global.njk' %}

解释一下路径逻辑：

• 第一个../：从modals回到buttons目录
• 第二个../：从buttons回到templates根目录
• 然后进入forms/filters/global.njk，正好是目标文件的位置。

方案2：配置模板根目录，使用绝对路径（推荐，避免后续嵌套问题） #

更靠谱的方式是给Nunjucks设置一个模板根目录，这样所有include路径都基于这个根目录，不管嵌套多少层都不会出错。

步骤1：配置Nunjucks环境

在你的Node.js代码中初始化Nunjucks时，指定根目录为app/backend/src/views：

const nunjucks = require('nunjucks');

// 配置模板根目录
nunjucks.configure('app/backend/src/views', {
  autoescape: true, // 根据你的需求调整配置
  // 如果是和Express一起用，还要传express实例：express: app
});

步骤2：使用绝对路径引用模板

之后所有模板的include都可以用基于根目录的路径：

• 在home.njk里引用filter：

  {% include 'templates/buttons/modals/filter.njk' %}
  

• 在filter.njk里引用global：

  {% include 'templates/forms/filters/global.njk' %}
  

这样不管模板嵌套多少层，路径解析都不会出错，后续新增模板也不用再纠结相对层级。

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