🚀Astro-notion-blog

Notion記事をAstroを利用してブログ化

Post title iconファイル名が原因でビルドエラー

Nextraで技術ドキュメントを作成しているのですが、静的ファイルの画像を使用したところ、ビルドで下記のエラーに遭遇

HookWebpackError: File /home/user/Github/nextra-netdoc/.next/static/media/IMGP0011.0e3e0211.JPG does not exist.
    at makeWebpackError (/home/user/Github/nextra-netdoc/node_modules/next/dist/compiled/webpack/bundle5.js:28:308185)
    at /home/user/Github/nextra-netdoc/node_modules/next/dist/compiled/webpack/bundle5.js:28:105236

NextraはNext.jsなので、next.config.jsに unoptimized: true, は追記してあり、画像ファイルはiPhoneからのJPGファイルを利用していました

エラーの内容をみると、Webpackのエラーなのかと、数時間、模索しておりましたが、何とか解決することが出来ました

それは、ナント、ファイル名の拡張子が原因だったのです!

拡張が大文字のJPGになっているのが原因みたいで、小文字のjpgに変更したら、あっさりとビルドが成功しました。

こんなことあるんか(°_°)