錯誤：頁面匯出欄位無效 - Vercel 上的 NextJS13 和 Sanity.io 部署故障排除

Question

我正在學習 NextJS13，並正在關注 Sonny Sangha 的線上部落格教學「讓我們使用 Next.js 13 建立一個部落格（Sanity v3、TypeScript、Tailwind CSS、Auth、CMS、預覽模式）」。完成本教學後，我想將網站部署到 Vercel，但是我遇到了這個問題：

應用程式/（使用者）/page.tsx 「查詢的頁面匯出欄位無效

相關頁面的具體程式碼如下：

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

我嘗試了 getstaticprops 但顯然這在 nextjs13 中已經過時了。並且不知道如何在不匯出查詢的情況下查詢 sanity.io （我第一次使用 nextjs 建立任何東西）。任何幫助將不勝感激。

Answer 1

只需刪除query的export，這樣就只匯出React元件（HomePage）。