next.js 警告：您正在安装新的车身构件，而先前的车身构件尚未首先卸载

ltskdhd1 于 2023-05-17 发布在其他

关注(0)|答案(1)|浏览(139)

我试图创建一个页面与 Jmeter 板布局和一个页面与默认的nextjs13布局。
我在 Jmeter 板页面上遇到问题。
当我转到 Jmeter 板中的地址时
菜单、项目等的显示是正确的，为了检查错误，我删除了组件，我只有两个页面与一个链接。
但它仍然在浏览器控制台中给出错误：
警告：您正在安装新的实体零部件，而先前的实体零部件尚未首先卸载。一次渲染多个实体组件是错误的，这些组件的属性和子组件可能会以不可预知的方式失败。
请仅呈现的单个示例，如果需要装载新示例，请确保已首先卸载所有以前的示例。
以及：
Warning：validateDOMNesting（...）：不能作为孩子出现。

next.js

来源：https://stackoverflow.com/questions/75423463/warning-you-are-mounting-a-new-body-component-when-a-previous-one-has-not-first

1条答案

按热度按时间

6ovsh4lw1#

我也有同样的错误，似乎你只能在你的根布局中有html和body，它解释了https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts
如果你的根目录布局是这样的

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}

任何其他布局都不应该有这样的html和body

export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return <section>{children}</section>;
}

赞(0）回复(0）举报 2023-05-17

我来回答

next.js 警告：您正在安装新的车身构件，而先前的车身构件尚未首先卸载

1条答案

相关问题

热门标签

最新问答