搜尋

首頁  >  問答  >  主體

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

我正在學習 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 建立任何東西)。任何幫助將不勝感激。

P粉147045274P粉147045274314 天前531

全部回覆(1)我來回復

  • P粉465675962

    P粉4656759622024-01-05 14:30:03

    只需刪除queryexport,這樣就只匯出React元件(HomePage)。

    回覆
    0
  • 取消回覆