React & Sanity - Fetch Error: invalid JSON response body

Question

我一直在关注 youtube 上的教程来构建一个 twitter 克隆网站。但是，当尝试从 Sanity 获取推文时，出现此错误。我什至 git 克隆了制作教程的人的回购协议，但我仍然遇到同样的错误。这让我相信这是我的 VS 代码的问题，而不是代码本身的问题，如果有人有任何建议，那将非常感谢。

// fetchTweets.ts

export const fetchTweets = async () => {
  const res = await fetch(`http://localhost:3001/api/getTweets`)

  const data = await res?.json()
  const tweets: Tweet[] = data.tweets

  console.log('fetching', tweets)

  return tweets
}

// index.tsx

export const getServerSideProps: GetServerSideProps = async (context) => {
  const tweets: Tweet[] = await fetchTweets()

  return {
    props: {
      tweets,
    },
  }
}

Answer 1

该错误通常是由于试图将 HTML 呈现为 JSON 而引起的——尤其是当预期 JSON 而不是 API returns 时一个错误页面。您的服务器肯定 运行 在端口 3001 上吗？从 non-existent 服务器获取可能与此错误一致。