javascript - Next.JS - "use client"指令产生错误

Question

我遇到了一个非常奇怪的 next.js 问题。我刚刚创建了一个新项目，任何时候我尝试输入 "use client";在一个页面上，我遇到了“SyntaxError: Unexpected token u in JSON atposition 0”。

作为引用，这是我的代码:

"use client"

import { useRouter } from 'next/router';

export default function Page() {
  const router = useRouter();

  return (
    <div>
      <h1>Page</h1>
    </div>
  );
}

我已经尝试卸载/重新安装 create-next-app，但似乎没有帮助。

感谢您的帮助!

Answer 1

事实证明，接下来在最新版本中打破了“使用客户端”指令。解决方案是通过 npm i next@canary 使用最新的 canary。