我第一次尝试Next.js,并使用它构建了一个简单的应用程序,一切似乎都很好,但每当我试图在组件的开头添加一个“使用客户端”标签,以便我可以使用一些钩子时,应用程序会中断并抛出此错误:
语法错误:“undefined”不是有效的JSON
这是page.js文件:
import { Inter } from "next/font/google";
import styles from "./page.module.css";
import Nav from "./components/Nav";
const inter = Inter({ subsets: ["latin"] });
export default function Home() {
return (
<main className={styles.main}>
test page
<Nav />
</main>
);
}
下面是Nav.jsx文件:
'use client';
export default function Nav() {
return <h1>hii</h1>;
}
所以当我运行“npm run dev”时,页面会崩溃,但如果我在--turbo模式下运行它,它就能正常工作
有谁知道为什么或如何使它工作谢谢
1条答案
按热度按时间qhhrdooz1#
I think it can help
我认为这些信息可以帮助您https://beta.nextjs.org/docs/rendering/server-and-client-components