Reactjs 无法读取NextJS服务器中未定义的属性“indexOf”

我的下一个JS网站工作得很好，有一天当我试图从这里安装Apollo Rest时，我开始出现很多错误。 我放弃packages.json、已删除的packages-lock.json、node_模块以及dust文件和文件夹中的任何更改。但是，请继续获取下一个错误：

GraphQL error occurred [getDataFromTree] TypeError: Cannot read property 'indexOf' of undefined
    at addBasePath (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2966:15)
    at F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2464:40
    at Link.formatUrls (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2388:18)
    at Link.render (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2588:14)
    at processChild (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3134:18)
    at resolve (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:2960:5)
    at ReactDOMServerRenderer.render (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3435:22)
    at ReactDOMServerRenderer.read (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3373:29)
    at renderToStaticMarkup (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:4004:27)
    at process (F:\Projects\breadcrumps\showcase\node_modules\@apollo\react-ssr\lib\react-ssr.cjs.js:38:16)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
TypeError: Cannot read property 'indexOf' of undefined
    at addBasePath (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2966:15)
    at F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2464:40
    at Link.formatUrls (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2388:18)
    at Link.render (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2588:14)
    at processChild (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3134:18)
    at resolve (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:2960:5)
    at ReactDOMServerRenderer.render (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3435:22)
    at ReactDOMServerRenderer.read (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3373:29)
    at renderToString (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3988:27)
    at render (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\render.js:83:16)
    at renderPage (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\render.js:415:16)
    at Object.ctx.renderPage (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\_document.js:905:30)
    at Function.getInitialProps (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\_document.js:247:19)
    at Function.getInitialProps (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\_document.js:916:85)
    at Object.loadGetInitialProps (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\lib\utils.js:59:29)
    at Object.renderToHTML (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\render.js:419:36)
Error: "CustomDocument.getInitialProps()" should resolve to an object. But found "undefined" instead.
    at Object.loadGetInitialProps (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\lib\utils.js:65:15)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
    at async Object.renderToHTML (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\render.js:419:22)
    at async DevServer.renderToHTMLWithComponents (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:654:26)
    at async DevServer.renderToHTML (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:801:28)
    at async DevServer.renderToHTML (F:\Projects\breadcrumps\showcase\node_modules\next\dist\server\next-dev-server.js:22:539)
    at async DevServer.render (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:546:22)
    at async Object.fn (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:396:17)
    at async Router.execute (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\router.js:134:32)
    at async DevServer.run (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:511:29)
    at async DevServer.handleRequest (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:147:20)

---

如果有任何提示可以解决这个烦人的问题，我将不胜感激。

我发现问题出在哪里，我的一个网站链接得到了未定义的值。 我正在使用“下一个/链接”组件。

---

但是，对于传递给该链接的未定义URL，获取所有这三个异常是不合逻辑的。我认为NextJS开发团队应该更多地检查他们是如何记录异常的。即使我通过了该组件的undefined，也应该进行检查，而不是整个网站都应该关闭。

我发现问题出在哪里，我的一个网站链接获得了undefined值。 我正在使用“下一个/链接”组件。

---

但是，对于传递给该链接的未定义URL，获取所有这三个异常是不合逻辑的。我认为NextJS开发团队应该更多地检查他们是如何记录异常的。即使我通过了该组件的undefined，也应该对此进行检查，而不是整个网站都应该关闭。

这可能不适用于您安装的Apollo，但我得到了相同的错误，因为我使用了react router dom语法进行链接：

将其更改为NextJs语法为我修复了它：

  <Link href="/home">

NextJs文档在此：

---

这可能不适用于您安装的Apollo，但我收到了相同的错误，因为我对链接使用了react router dom语法：

将其更改为NextJs语法为我修复了它：

  <Link href="/home">

NextJs文档在此：

---

对于搜索此错误的任何其他人，我在将链接作为道具传递到Material UI ListItem时得到了一个链接，该链接以前用于传递组件道具中的react router dom链接，如下所示：

<ListItem
    key={page.title}
    activeClassName={classes.activeListItem}
    className={classes.listItem}
    to={page.href}
    component={Link}
>

并可更改为：

<Link href={page.href}>
    <ListItem
        key={page.title}
        activeClassName={classes.activeListItem}
        className={classes.listItem}
    >
</Link>

---

对于搜索此错误的任何其他人，我在将链接作为道具传递到Material UI ListItem时得到了一个链接，该链接以前用于传递组件道具中的react router dom链接，如下所示：

<ListItem
    key={page.title}
    activeClassName={classes.activeListItem}
    className={classes.listItem}
    to={page.href}
    component={Link}
>

并可更改为：

<Link href={page.href}>
    <ListItem
        key={page.title}
        activeClassName={classes.activeListItem}
        className={classes.listItem}
    >
</Link>

---

nextjs日志在我看来是可怕的nextjs日志在我看来是可怕的