我制作了一个nextjs应用程序,我试图将它部署到Vercel,但是,当项目构建时,它会向一些页面抛出错误:
Error: React.Children.only expected to receive a single React element child.
at Object.only (/vercel/path0/devsite/node_modules/react/cjs/react.production.min.js:19:357)
at LinkComponent (/vercel/path0/devsite/.next/server/chunks/664.js:427:45)
at Wc (/vercel/path0/devsite/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:68:44)
at Zc (/vercel/path0/devsite/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:73:362)
at Z (/vercel/path0/devsite/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
at $c (/vercel/path0/devsite/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
at bd (/vercel/path0/devsite/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
at Z (/vercel/path0/devsite/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
at $c (/vercel/path0/devsite/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
at Zc (/vercel/path0/devsite/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:71:145)
我的页面中没有一个有多个子元素,所有内容都是在每个页面的tsx文件中处理的(没有组件)。我的代码可以找到这里。整个日志可以找到这里。任何帮助都是非常感谢的。
发布于 2022-10-17 17:01:05
您必须将元素放在类似于index.tsx链接标记中的片段上。
<Link
href="/about"
className={styles. Card}
>
<>
<h2>About Us →</h2>
<p>Learn about us and our services.</p>
</>
</Link>
希望它能解决你的问题。
https://stackoverflow.com/questions/74098486
复制相似问题