我正在尝试为运行Eleventy-img的已处理图像指定一个输出目录。
const Image = require("@11ty/eleventy-img");
(async () => {
let url = "./img/home/";
let stats = await Image(url, {
widths: [300],
outputDir: "./img/processed/",
});
console.log(stats);
})();
但是当我运行NPX Eleventy时，我得到的是这个错误消息
Unhandled rejection in promise ([object Promise]): (more in DEBUG output)
> Input file contains unsupported image format
`Error` was thrown:
Error: Input file contains unsupported image format
在没有指定outputdir选项的情况下，它可以正常工作。下面是它的文档:https://www.11ty.dev/docs/plugins/image/#output-directory
没有使用它的实际示例，但在逻辑上应该以与widths参数相同的方式传递它。
我发现了我的错误。我试图用“./img/home/”传递整个文件夹。相反，我需要传递单个图像，然后它工作。
像这样：
const Image = require("@11ty/eleventy-img");
(async () => {
let url = "./img/home/my-image.jpg";
let stats = await Image(url, {
widths: [300],
outputDir: "./img/processed",
});
console.log(stats);
})();
