コンテンツにスキップ
ドキュメントエラー画像最適化APIによるエクスポート

画像最適化APIによるエクスポート

このエラーが発生した理由

next/imageコンポーネントをデフォルトのloader設定を使用してインポートしている際に、output: 'export'（またはnext exportの実行）を設定しました。

しかし、デフォルトのloaderはImage Optimization APIに依存しており、エクスポートされたアプリケーションでは利用できません。

これは、Next.jsがビルド時ではなく、ユーザーがリクエストしたときにオンデマンドで画像を最適化するためです。

修正方法

  • next startを使用してImage Optimization APIを含むサーバーを実行してください。
  • Image Optimizationをサポートするプロバイダー（Vercelなど）を使用してください。
  • next.config.jsでloaderを設定してください。
  • next.config.jsでunoptimizedを設定してください。