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に変更したら、あっさりとビルドが成功しました。
こんなことあるんか(°_°)