Ralat: Medan eksport halaman tidak sah - Menyelesaikan masalah NextJS13 dan penempatan Sanity.io pada Vercel

Question

Saya sedang belajar NextJS13 dan mengikuti tutorial blog dalam talian Sonny Sangha "Mari bina blog menggunakan Next.js 13 (Sanity v3, TypeScript, Tailwind CSS, Auth, CMS, Mod Pratonton)". Selepas melengkapkan tutorial ini, saya ingin menggunakan tapak ke Vercel, tetapi saya menghadapi masalah ini:

apl/(pengguna)/page.tsx "Medan eksport halaman yang ditanya adalah tidak sah

Kod khusus halaman yang berkaitan adalah seperti berikut:

import { groq } from "next-sanity";
import { client } from "../../sanity/lib/client"
import BlogList from "../../components/BlogList";

export const query = groq`
  *[_type == 'post'] {
    ...,
    author->,
    categories[]->,
  } | order(_createdAt desc)
`;

export default async function HomePage() {

  const posts = await client.fetch(query);
  return (
    <BlogList posts = {posts} />
  );
}

Saya cuba getstaticprops tetapi nampaknya ini telah ditamatkan dalam nextjs13. Dan tidak tahu cara membuat pertanyaan sanity.io tanpa mengeksport pertanyaan (kali pertama saya membina apa-apa dengan nextjs). Sebarang bantuan amatlah dihargai.

Answer 1

Hanya padam query的export，这样就只导出React组件（HomePage).