使用 Eleventy 构建网站时，如何为我的 Nunjucks 模板提供 JavaScript 函数？
假设我在文件夹
my_layout.njk_includes<!doctype html>
{% set targetItem = findItemById(items, itemId) %}
<p>The value of the item with id {{ itemId }} is {{ targetItem.val }}.</p>
被调用的函数
findItemById(items, id).eleventy.jsaddJavaScriptFunction()module.exports = function(eleventyConfig) {
eleventyConfig.addJavaScriptFunction("findItemById", function(items, id) {
return items.find(item => item.id === id);
});
};
要处理的项目数组存储在文件夹
items.json_data[
{
"id": "a",
"val": "foo"
},
{
"id": "b",
"val": "bar"
}
]
最后，我在项目的根文件夹中有一个液体模板文件
item_b.liquid---
layout: my_layout.njk
itemId: b
---
“_site”文件夹中所需的输出将是一个包含内容的 html 文件
item_b/index.html<!doctype html>
<p>The value of item with id b is bar.</p>
但是，Eleventy 找不到该函数findItemById
。运行时
npx @11ty/eleventy我收到错误消息：
[11ty] Problem writing Eleventy templates: (more in DEBUG output)
[11ty] 1. Having trouble writing to "_site/item_b/index.html" from "./item_b.liquid" (via EleventyTemplateError)
[11ty] 2. (./_includes/my_layout.njk) [Line 1, Column 32]
[11ty] Error: Unable to call `findItemById`, which is undefined or falsey (via Template render error)
我在 Fedora 38 Linux 上使用 Eleventy 版本 2.0.1。