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

Question

我是第一次尝试 Next.js 并用它构建一个简单的应用程序， 一切似乎都工作正常但每当我尝试在组件的开头添加“使用客户端”标签以便我可以使用一些挂钩时应用程序中断并抛出此错误：

语法错误：“未定义”不是有效的 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 模式下运行它，它工作正常

有谁知道为什么或如何让它发挥作用 谢谢

编辑： 对于可能遇到类似问题的任何人，我认为这是一个 Windows 问题，因为我尝试使用虚拟机在 Linux 操作系统上运行相同的脚本，但我没有遇到任何问题。 另外，如果有人设法让它在 Windows 上运行，请告诉我如何做。

Answer 1

我认为信息可以帮助你https://beta.nextjs.org/docs/rendering/server-and-client-components