Error Image
当我试图加载两个以上的数据与悬念（流）发生上述错误。我使用的是Next JS 13.4和App Router。

export const serverApi = async <T>(
  url: string,
  init?: RequestInit
): Promise<T> => {
  const response = await fetch(BASE_URL.API + url, init);
  if (!response.ok) {
    throw new Error(response.statusText);
  }
  return await (response.json() as Promise<T>);
};

export const getArticles = async () => {
  return await serverApi<Article[]>(API.ARTICLES, {
    cache: "no-store",
  });
};

export const getArticle = async (id: string) => {
  return await serverApi<Article>(API.ARTICLE_WITH_ID(id), {
    cache: "no-store",
  });
};

const Header = async () => {
  return (
    <header className="relative w-full flex items-center justify-center">
      <div />
      <HeaderNavigation />
      <Suspense fallback={<HeaderProfileSpinner />}>
        {/* @ts-ignore */}
        <HeaderProfile />
      </Suspense>
    </header>
  );
};

const HeaderProfile = async () => {
  const cookie = getCookie();
  const queryClient = getQueryClient();

  await queryClient.prefetchQuery(USER_QUERY_KEYS.me(), () =>
    getUserMe(cookie)
  );

  const dehydratedState = dehydrate(queryClient);

  return (
    <Hydrate state={dehydratedState}>
      <HeaderProfileImage />
    </Hydrate>
  );
};

我是这样使用API的。我使用页面路由器的API。有关更多细节，我使用Prisma用于ORM，Postgres（Supplement）用于DB，并使用Vercel部署。我认为“连接关闭”意味着服务器在其中一个流解决时中止连接，这不像我预期的那样。我认为流媒体的全部意义在于并行渲染多个内容，但它不起作用。这是有点奇怪的错误不发生在localhost。