🚀 Astro-notion-blog

Notion記事をAstroを利用してブログ化
2023-04-14
next.js nextra

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

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に変更したら、あっさりとビルドが成功しました。

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

next.js nextra