Vercel での Next.js 13 アプリのデプロイメントの問題 - 「モジュールが見つかりません」エラー

Question

Vercel 上の Next.js 13 アプリケーションでデプロイメントの問題が発生しています。 Next の並列ルーティング機能をアプリケーションに追加しようとしています。コードをプッシュしてアプリの GitHub リポジトリに新しいプル リクエストを作成すると、ブランチの Vercel デプロイは正常に完了しますが、500 エラーが発生します。 Vercel ログを確認したところ、次のエラー メッセージが見つかりました:

リーリー

デプロイメントプロセス中に必要なモジュールが見つからないようです/var/task/.next/server/app/@landing/page.js。

これは、@landing フォルダー内の page.jsx ファイルの内容です:

リーリー

これは layout.jsx ファイルの内容です:

リーリー

これは私の next.config.js ファイルです:

リーリー

私のセットアップに関する追加の詳細は次のとおりです:

Next.js バージョン: 13.12.4 導入プラットフォーム: Vercel リポジトリ: GitHub

私は次のことを試しました:

1. Vercel からブランチを再デプロイします。
2. ビルド プロセスがエラーなしでローカルで完了したことを確認します。
3. 必要な依存関係が正しくインストールされていることを確認してください。
4. アプリケーションがローカルで実行でき、適切に機能していることを確認します。

この問題を解決する方法について洞察や提案を提供していただければ幸いです。よろしくお願いいたします。

Answer 1

これは、次の推奨ドキュメントを使用せずにエクスポートのデフォルトを使用していることが原因である可能性があります。

ページで推奨されるエクスポートは次のとおりです:

リーリー