在我的Next.js应用程序中，我得到了这样的警告：
Warning: Extra attributes from the server: style
我不知道这是在哪里发生的，所以没有任何代码显示。
9ceoxa921#
我也遇到了同样的问题，结果是在layout.tsx中直接向<body>添加样式会导致此问题。
layout.tsx
<body>
... export default function RootLayout({ children }: { children: React.ReactNode}) { return( <html lang="en"> <body style={{ display: "flex" }}> ... </body> </html> ) }
要解决这个问题，请创建一个单独的styles.css文件->将主体样式添加到其中->将其导入到layout.tsx中
styles.css
styles.css：
body { display: flex; }
layout.tsx：
... import "./globals.css" export default function RootLayout({ children }: { children: React.ReactNode}) { return( <html lang="en"> <body> ... </body> </html> ) }
**注意：**这是在Next.js 13中测试的，我不确定其他版本
1条答案
按热度按时间9ceoxa921#
我也遇到了同样的问题，结果是在
layout.tsx中直接向<body>添加样式会导致此问题。要解决这个问题，请创建一个单独的
styles.css文件->将主体样式添加到其中->将其导入到layout.tsx中styles.css：
layout.tsx：
**注意：**这是在Next.js 13中测试的，我不确定其他版本