シチュエーション

Gatsby.jsで大量の画像ノードを作成したところ、あるとき突然以下のようなエラーが出ました。

このエラーはローカルで開発しているMac上では再現せず、Vercelでデプロイした場合のみ発生しました。

解決方法

gatsby-node.jsの一番上に、以下を追加し、再度デプロイします。

const realFs = require('fs')
const gracefulFs = require('graceful-fs')
gracefulFs.gracefulify(realFs)

このエラーはデフォルトのfsを使用していると起こる一般的なエラーらしく、その対策として存在するgraceful-fsを使用するようにgatsby-source-filesystemに伝えている感じなのかな、と思います。

上記の解決方法は、一時的に問題を解決しましたが、再発しました。
なので、Netlifyに変更したところ、問題が解決しました。
Vercelの方がビルドもCDNもはやいので残念ですが、GatsbyとVercelは相性が悪いのかもしれません。

この対処法は以下のissueに乗っていました。
https://github.com/gatsbyjs/gatsby/issues/12011