エラー: ページのエクスポート フィールドが無効です - Vercel での NextJS13 および Sanity.io の展開のトラブルシューティング

Question

私は NextJS13 を学習し、Sonny Sangha のオンライン ブログ チュートリアル「Next.js 13 (Sanity v3、TypeScript、Tailwind CSS、Auth、CMS、プレビュー モード) を使用してブログを構築しましょう」に従っています。このチュートリアルを完了した後、サイトを Vercel にデプロイしたいと考えていますが、次の問題が発生します:

アプリケーション/(ユーザー)/page.tsx 「クエリページのエクスポートされたフィールドは無効です

関連ページの具体的なコードは次のとおりです。

リーリー

getstaticprops を試しましたが、どうやらこれは nextjs13 で非推奨になったようです。また、クエリをエクスポートせずに sanity.io にクエリを実行する方法がわかりません (nextjs で何かを構築するのは初めてです)。ご協力をいただければ幸いです。

Answer 1

query の export を削除して、React コンポーネント (HomePage) のみがエクスポートされるようにします。