Fehler: Seitenexportfelder sind ungültig – Fehlerbehebung bei der Bereitstellung von NextJS13 und Sanity.io auf Vercel

Question

Ich lerne NextJS13 und folge Sonny Sanghas Online-Blogging-Tutorial „Lass uns einen Blog mit Next.js 13 erstellen (Sanity v3, TypeScript, Tailwind CSS, Auth, CMS, Vorschaumodus)“. Nach Abschluss dieses Tutorials möchte ich die Site auf Vercel bereitstellen, stoße jedoch auf dieses Problem:

app/(user)/page.tsx „Das abgefragte Seitenexportfeld ist ungültig

Die spezifischen Codes der relevanten Seiten lauten wie folgt:

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} />
  );
}

Ich habe getstaticprops ausprobiert, aber anscheinend ist dies in nextjs13 veraltet. Und ich weiß nicht, wie man sanity.io abfragt, ohne die Abfrage zu exportieren (ich habe zum ersten Mal etwas mit nextjs erstellt). Jede Hilfe wäre sehr dankbar.

Answer 1

只需删除query的export，这样就只导出React组件（HomePage）。