Javascript 错误：ENOENT：没有这样的文件或目录，打开 'vartasksrccontenthello.mdx' Next.js 博客 Vercel 生产部署错误

我正在为我的个人网站建立一个博客部分.由于以下错误，我无法打开博客文章:

(Vercel logs)

Error: ENOENT: no such file or directory, open '/var/task/src/content/hello.mdx'
    at Object.openSync (node:fs:601:3)
    at Object.readFileSync (node:fs:469:35)
    at PostPage (/var/task/.next/server/app/posts/[slug]/page.js:381:45)
    at S (/var/task/.next/server/chunks/789.js:6503:13)
    at eb (/var/task/.next/server/chunks/789.js:6618:21)
    at Array.toJSON (/var/task/.next/server/chunks/789.js:6422:20)
    at stringify (<anonymous>)
    at pb (/var/task/.next/server/chunks/789.js:6829:9)
    at mb (/var/task/.next/server/chunks/789.js:6728:29)
    at Timeout._onTimeout (/var/task/.next/server/chunks/789.js:6553:16) {
  errno: -2,
  syscall: 'open',
  code: 'ENOENT',
  path: '/var/task/src/content/hello.mdx'
}

当我访问有关我的投资组合的博客文章时，收到以下错误消息:

应用程序错误:发生服务器端异常(有关详细信息，请参阅服务器日志(log)). 《文摘》:2113801254

项目目录 struct :

my-app/
└── src/
    ├── app/
    │   ├── posts/
    │   │   ├── page.js
    │   │   └── [slug]/
    │   │       └── page.js or PostPage
    │   └── page.js
    ├── layout.js
    ├── page.js
    ├── components
    ├── content/
    │   └── hello.mdx
    └── fonts

错误表明PostPage文件在代码中有错误.我编写了以下代码:

export default function PostPage({ params }) {
  const post = fs.readFileSync(
    path.join(__dirname, "../../../../../src/content/" + params.slug + ".mdx"),
    "utf-8"
  );
  const { data: frontmatter, content } = matter(post);
  const blog = DOMPurify.sanitize(
    marked.parse(content, { mangle: false, headerIds: false })
  );
.....
//returns jsx with markdown content
}

我try 在readFileSync()中更改路径，但在生产中都不起作用.它在本地开发模式下工作.请帮帮忙.

请注意，我是编程和Nextjs或Vercel的初学者.谢谢