<p>我的next.js项目使用typescript在开发环境中运行得很好，但是当构建<code>npm run build</code>时，页面加载后就消失了。我认为这与布局页面有关，但我不确定。我在控制台中得到了以下信息。</p> <p>未捕获的错误：缩小的React错误＃418；访问https://reactjs.org/docs/error-decoder.html?invariant=418获取完整的消息，或者在完整错误和其他有用的警告的非缩小开发环境中使用。 未捕获的错误：缩小的React错误＃423；访问https://reactjs.org/docs/error-decoder.html?invariant=423获取完整的消息，或者在完整错误和其他有用的警告的非缩小开发环境中使用。 DOMException：在“Node”上执行“appendChild”失败：文档上只允许一个元素。 DOMException：在“Node”上执行“removeChild”失败：“要删除的节点不是此节点的子节点。”</p> <p><strong>layout.tsx</strong></p> <pre class="brush:php;toolbar:false;">import './globals.css' import type { Metadata } from 'next' // import { Inter } from 'next/font/google' import Navbar from '../components/Navbar' import Image from 'next/image' // const inter = Inter({ subsets: ['latin'] }) export const metadata: Metadata = { title: 'redacted', description: '个人网站', } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( &lt;div className=&quot;relative&quot;&gt; &lt;div className=&quot;-z-1 bg-night absolute inset-0&quot;&gt; &lt;div className=&quot;fixed w-screen h-screen pointer-events-none bg-scroll&quot;&gt; &lt;Image src=&quot;/bg-circle.png&quot; alt={''} layout=&quot;fill&quot; objectFit=&quot;cover&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;div className='flex justify-center'&gt; &lt;div className=&quot;fixed z-10 w-2/5&quot;&gt; &lt;Navbar /&gt; &lt;/div&gt; &lt;/div&gt; &lt;div className=&quot;relative z-0&quot;&gt;{children}&lt;/div&gt; &lt;/div&gt; ) }</pre> <p>我尝试编辑{children}组件的部分，但似乎没有任何作用。</p>