我在NextJS-13中有一个页面：/app/test/page.tsx，简单地显示Hello world。（部署到vercel）在/test目录中，我还有一个layout.tsx。
现在，当我在其中使用import { createServerComponentClient } from '@supabase/auth-helpers-nextjs';中的createServerComponentClient时，我得到一个 * 404 *。在我的开发服务器（localhost）上，它工作得很好，但是（我看到的页面没有404）。

• layout. tsx *：

import { ReactNode } from 'react';

import { createServerComponentClient } from '@supabase/auth-helpers-nextjs';
import { cookies } from 'next/headers';

export default async function Layout({ children }: { children: ReactNode }) {
  const supabase = createServerComponentClient({ cookies });
  return <div>{children}</div>;
}

当我删除createServerComponentClient时，它工作（没有404）。
我还有这里提到的middleware.ts：https://supabase.com/docs/guides/auth/auth-helpers/nextjs
知道为什么吗