next.js - NExt JS v11.1.2 构建问题 - TypeError : c. props.href.startsWith

Question

我将一个小项目升级到 Next 11.1.2，但在部署到 Vercel 时遇到问题。

我可以在本地运行构建，没有任何问题，但在将 getServerProps 添加到每个页面之前确实遇到了相同的问题，并给出了与下面相同的错误。但在 Vercel 上，它会导致服务器崩溃并出现“/”错误。我知道它在某处引用了 href 标签(我意识到 id 必须向您展示整个代码库才能正确挖掘)，但是有人知道调试此问题的方法吗，因为它有点通用。或者也许您以前见过并解决过？

我可以看到问题出在 Head 的某处。

2021-10-08T10:07:17.293Z    ecec99d6-6889-4855-9178-b2303c450259    ERROR   TypeError: c.props.href.startsWith is not a function
    at /var/task/.next/server/chunks/859.js:785:29
    at Array.some (<anonymous>)
    at /var/task/.next/server/chunks/859.js:783:87
    at /var/task/node_modules/react/cjs/react.production.min.js:17:388
    at O (/var/task/node_modules/react/cjs/react.production.min.js:16:230)
    at O (/var/task/node_modules/react/cjs/react.production.min.js:17:44)
    at Object.P [as map] (/var/task/node_modules/react/cjs/react.production.min.js:17:355)
    at Head.makeStylesheetInert (/var/task/.next/server/chunks/859.js:782:36)
    at Head.render (/var/task/.next/server/chunks/859.js:839:23)
    at d (/var/task/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:35:231)
2021-10-08T10:07:17.294Z    ecec99d6-6889-4855-9178-b2303c450259    ERROR   TypeError: c.props.href.startsWith is not a function
    at /var/task/.next/server/chunks/859.js:785:29
    at Array.some (<anonymous>)
    at /var/task/.next/server/chunks/859.js:783:87
    at /var/task/node_modules/react/cjs/react.production.min.js:17:388
    at O (/var/task/node_modules/react/cjs/react.production.min.js:16:230)
    at O (/var/task/node_modules/react/cjs/react.production.min.js:17:44)
    at Object.P [as map] (/var/task/node_modules/react/cjs/react.production.min.js:17:355)
    at Head.makeStylesheetInert (/var/task/.next/server/chunks/859.js:782:36)
    at Head.render (/var/task/.next/server/chunks/859.js:839:23)
    at d (/var/task/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:35:231) {
  page: '/'
}
RequestId: ecec99d6-6889-4855-9178-b2303c450259 Error: Runtime exited with error: exit status 1
Runtime.ExitError

Answer 1

我从 href={require("public/favicon.ico")} 更改为 href="/favicon.ico"，现在可以使用了。

我不知道为什么新版本可以与 require 一起使用。所以有些东西在我找不到的地方发生了冲突。