尝试构建一个next.js 13应用程序,但使用客户端不工作

xdnvmnnf  于 2023-04-20  发布在  其他
关注(0)|答案(1)|浏览(119)

我第一次尝试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模式下运行它,它就能正常工作
有谁知道为什么或如何使它工作谢谢

相关问题