[Nodejs] sharpライブラリを使用して連続して画像合成を行いたい

発生している問題・エラーメッセージ

Error: Cannot use same file for input and output
    at Sharp.toFile (/node_modules/sharp/lib/output.js:66:11)

該当のソースコード

javascript
1    sorted_paths = [ "./imgs/a.png", "./imgs/b.png", "./imgs/c.png", "./imgs/d.png" ];
2
3	for (let i = 0; i < maxLayer; i++) {
4		sharp.cache(false);
5		let filename = `./imgs/result/${img_name}${i}.png`;
6		let baseFile = filename;
7		if (i == 0)
8			baseFile = sorted_paths[0];
9		sharp(baseFile).composite([{ input: sorted_paths[i + 1] }]).toFile(filename,
10			(err, info) => { if (err) throw err; });
11	}

試したこと

この記事と同じ現象が起きています。このエラーはsharp側に合成素材をキャッシュとして保持しておくために発生しており、それを解決するのはsharp.cache(false)だと書かれていました。それを書き加えましたが引き続きエラーが発生します。

https://stackoverflow.com/questions/57072847/why-does-sharp-output-the-same-file-even-though-i-have-changed-the-input-file

なにか手がかりがありましたらご教示お願いします！

回答2件

これbaseFileがresultフォルダ内にありますね。
100個のファイルがあったら1ファイル目を生成完了してから2ファイル目の生成に取りかかれないはずです。
何度もエラーを出しながら100回施行すれば前提ファイルがいつか出揃って上手く動くかもしれませんが……

Promiseを返す関数化→async/await構文を使うようにして、
1個のファイルの生成を完了させるまで待つという挙動を実現した方が良いでしょう。

以下サンプル

js
1const sorted_paths = [ "./imgs/a.png", "./imgs/b.png", "./imgs/c.png", "./imgs/d.png" ];
2
3// Promiseを返す関数を準備
4const composite = (base, add, to) =>
5  new Promise((resolve, reject) => {
6    sharp.cache(false); // これ本当に使い方合ってるのかなぁ？
7    sharp(base)
8      .composite([{ input: add }])
9      .toFile(to, (err, info) => {
10        if (err) return reject(err);
11        resolve(info);
12      });
13  });
14
15
16// await構文を有効にする為にasync関数で包む、実際のコードは親の関数をasyncにすれば動くと思う
17const main = async () => {
18  for (let i = 0; i < maxLayer; i++) {
19    // 1個生成するまで待つという挙動を再現
20    await composite(
21      (i == 0 ? sorted_paths[0] : `./imgs/result/${img_name}${i}.png`),
22      sorted_paths[i + 1],
23      `./imgs/result/${img_name}${i}.png`
24    );
25  }
26}
27main();