Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error Error: Attempted to call generateViewport() from the server but generateViewport is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.
这个错误是由于 文件的配置不正确。在 中，我们不需要手动创建 root 并渲染应用。以下是修复方法：
请按此调整你的代码，以符合 的正确配置。这样可以避免在页面预渲染时出现错误。
# 错误的代码
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { BrowserRouter } from 'react-router-dom';
const rootElement = document.getElementById('root') as HTMLElement; // Type assertion to HTMLElement
ReactDOM.createRoot(rootElement).render(
<React.StrictMode>
<BrowserRouter>
<App />
</BrowserRouter>
</React.StrictMode>,
);
# 正确的代码
'use client'
import React from 'react'
import { BrowserRouter } from 'react-router-dom'
interface RootLayoutProps {
children: React.ReactNode
}
export default function RootLayout({ children }: RootLayoutProps) {
return (
<html lang='en'>
<body>
<BrowserRouter>
{children}
</BrowserRouter>
</body>
</html>
)
}
标签：15,Attempted,Error,Next,react,generateViewport,import,js From： https://www.cnblogs.com/sekihin/p/18653147