ホーム > Gatsby > Gatsby.jsのStaticImageの画像が変わらない時の対処法
Gatsby

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

いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。

⇨ React 記事の目次はこちら

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

はじめに

gatsby-plugin-image を使った

<StaticImage src="path" alt="" />

の src の中を変更したのに、画像が変わらないときの記事となります。

gatsby-plugin-image

結論

キャッシュを消す

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

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

gatsby clean
gatsby develop

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

まとめ

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

→gatsby-plugin-images の使い方はこちらの記事で

フィードバックのお願い
この記事のフィードバックがありましたらYoutubeの適当な動画にコメントしていただいたり、お問い合わせからご連絡ください。