Next.js部署至Vercel出现500内部服务器错误，本地运行正常

我最近遇到个头疼的问题：本地在localhost:3000上运行Next.js项目一切顺畅，但部署到Vercel后直接抛出了500内部服务器错误，具体的报错信息如下：

Application error: a server-side exception has occurred (see the server logs for more information).
Digest: 2333662928

后来我借助ChatGPT的帮助，修改了src/lib/payload-utils.ts文件里的代码，才解决了这个问题。

原来的代码片段是这样的：

import { User } from '../payload-types'
import { ReadonlyRequestCookies } from 'next/dist/server/web/spec-extension/adapters/request-cookies'
import { NextRequest } from 'next/server'

export const getServerSideUser = async (
  cookies: NextRequest['cookies'] | ReadonlyRequestCookies
) => {
  const token = cookies.get('payload-token')?.value

  const meRes = await fetch(
    `${process.env.NEXT_PUBLIC_SERVER_URL}/api/users/me`,
    {
      headers: {
        Authorization: `JWT ${token}`,
      },
    }
  )

  const { user } = (await meRes.json()) as {
    user: User | null
  }

  return { user }
}

修改后的代码如下（原内容此处有截断）：

import { User } from "../payload-types

备注：内容来源于stack exchange，提问作者NASEER ULLAH