Next.js：错误：无法为 / 收集页面数据答案

【问题标题】：Next.js: Error: Failed to collect page data for /Next.js：错误：无法为 / 收集页面数据
【发布时间】：2022-11-27 18:48:46
【问题描述】：

我已将 peerjs 添加到 Next.js 应用程序，以及以下两行，如下所示。如果我删除这两行，应用程序就可以运行。

// index.tsx

import { Peer } from 'peerjs'

export default function Home() {
    const peer = new Peer('pick-an-id-jwrn')

andyarn build引发这个错误，为什么？我已经成功安装了包。

    at Object.982 (/Users/kukodajanos/Workspace/serverless-chat/.next/server/pages/index.js:50:41)
    at __webpack_require__ (/Users/kukodajanos/Workspace/serverless-chat/.next/server/webpack-runtime.js:25:42)

> Build error occurred
Error: Failed to collect page data for /
    at /Users/kukodajanos/Workspace/serverless-chat/node_modules/next/dist/build/utils.js:949:15
    at processTicksAndRejections (node:internal/process/task_queues:96:5) {
  type: 'Error'
}

【问题讨论】：

尝试在 useEffect 中动态导入 peerjs，例如const { Peer } = await import('peerjs')。

标签： reactjs typescript next.js peerjs

【解决方案1】：

你不应该返回页面吗？我认为这就是它无法收集“页面数据”的原因。

由于对 /home 的永久重写，我不使用该索引，但很确定你应该：


// index.tsx

import { Peer } from 'peerjs'

export default function Home() {
    const peer = new Peer('pick-an-id-jwrn');

return <h1>Home</h1>;

【讨论】：