📰 打包报错的情况

依赖中使用了浏览器环境

在 Next.js 中，如果某个包依赖于 document 或 window 对象，这通常会导致在服务器端渲染 (SSR) 时出错，因为这些对象仅在浏览器环境中存在。

解决方案：使用 next/dynamic 动态引入使用到该依赖的组件.

const Recorder = dynamic(() => import("./Recorder"), { ssr: false });