AppHosting のデプロイで Could not find a production build in the '.next' directory が出たときの対処法
2025年02月25日 4:59
Next.js を Firebase App Hosting にデプロイする際、"Could not find a production build in the '.next' directory" というエラーメッセージが表示されることがあります。このエラーは、ビルドが適切に行われていない場合に発生します。
このエラーの主な原因は、デプロイ環境で build
コマンドが適切に実行されていないことです。
npm install
は実行されるが、next build
は自動的に実行されない.next
ディレクトリが生成されていないため、デプロイが失敗するpackage.json
に gcp-build
スクリプトがないと、ビルドがスキップされるこのエラーを解決するには、以下のステップを実施します。
package.json
に gcp-build
スクリプトを追加next.config.js
の distDir
が .next
に設定されていることを確認してください。
gcp-build
スクリプトを追加package.json
に gcp-build
スクリプトを追加することで、デプロイ時にビルドが実行されるようになります。
firebase.json
に適切なホスティング設定が含まれていることを確認してください。
Firebase の環境変数が不足していないか確認してください。
このエラーは、Next.js のプロダクションビルドが .next
に適切に生成されていないために発生します。対処法として、
package.json
に gcp-build
スクリプトを追加next.config.js
の distDir
設定を確認これらの手順を実施すれば、正常に Firebase App Hosting へのデプロイができるようになるはずです。
[cv:issue_marketplace_engineer]
Next.js を Firebase App Hosting にデプロイする際、ビルドが正しくされていない場合、"Could not find a production build in the '.next' directory" というエラーメッセージが表示されることがあります。このエラーは、正しい方法でビルドができていないことを示す典型的なサインです。
このエラーを解決するためには、次のステップを確認して実施する必要があります:
Next.js のプロジェクトに next.config.js
があり、必要な設定が行われていることを確認します。例えば、distDir
が .next
に指定されているかどうかを確認します。
デプロイ前に Next.js のプロジェクトをビルドする必要があります。以下のコマンドでビルドが正常に行われるか確認します。
package.json
に以下のスクリプトが存在するか確認してください。
Firebase の環境で設定されている環境変数が欠如していないか確認してください。apphosting.yaml
を使用している場合は、それに問題がないかを確認します。
Firebase の firebase.json
ファイルでホスティング設定が正しくできているか確認します。
設定に問題が見つからなかった場合、以下の手順でデプロイを再試行します。
これにより、すべての設定とビルドが正しく行われ、エラーが解決されているか確認します。
このエラーメッセージは、Next.js のプロダクションビルドが期待されるバックエンド構造に適合していないときに発生します。設定ファイルの確認、正しいビルドコマンドの使用、環境変数の確認、Firebase と Next.js の統合確認を流れに沿って徹底して行うことで問題を解決できます。これらがすべて正確に行われた場合、問題なく Firebase App Hosting にデプロイが成功するはずです。
[cv:issue_marketplace_engineer]
診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。