GatsbyのStaticImageの画像が変わらない時の対処法

いつもご利用ありがとうございます。このブログは、広告費によって運営されています。

オススメ本

Web技術を勉強するなら、かなりオススメの雑誌です。毎月新しい発見があります。ついに最終号・・・、みなさん買いましょう！！

読んで損することはない名著。命名で悩むことが多い人はこの本がオススメです。

Gatsby の StaticImage の画像が変わらない時の対処法について書いています。

結論

同じファイル名で別の画像に変更した時、Gatsby ではうまく画像が切り替わらないことがあります。

そんなときは、cache を削除して再生成すれば良いです。

cache は.cache に出力されています。

なので、.cache ディレクトリを削除して

npm run develop

で再生成してあげれば表示されました。

以上です。

誰かの参考になれば幸いです。

質問、誤記などあれば Twitter などでご指摘よろしくおねがいします！