Erreur : les champs d'exportation de page ne sont pas valides - Dépannage du déploiement de NextJS13 et Sanity.io sur Vercel

Question

J'apprends NextJS13 et je suis le tutoriel de blog en ligne de Sonny Sangha "Créons un blog en utilisant Next.js 13 (Sanity v3, TypeScript, Tailwind CSS, Auth, CMS, Preview Mode)". Après avoir terminé ce tutoriel, je souhaite déployer le site sur Vercel, mais je rencontre ce problème :

app/(utilisateur)/page.tsx "Le champ d'exportation de la page demandé n'est pas valide

Les codes spécifiques des pages concernées sont les suivants :

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

J'ai essayé getstaticprops mais apparemment, cela est obsolète dans nextjs13. Et je ne sais pas comment interroger sanity.io sans exporter la requête (c'est la première fois que je construis quoi que ce soit avec nextjs). Toute aide serait grandement appréciée.

Answer 1

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