在Next JS v13.3.0中创建客户端组件时出现未处理的运行时异常

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

我在我的Next JS网站中有一个微不足道的组件。当我尝试将其作为客户端组件时,页面无法在浏览器中加载,并且我得到以下未处理的运行时异常:SyntaxError: "undefined" is not valid JSON .
下面是这个组件的代码,它可以正常工作......但是,如果我取消第一行的注解,它就会变成奶油冻:-(

// 'use client';

export default function Test() {
    return (
        <div>
            Testing 1, 2, 3!
        </div>
    )
}

我正在使用Next JS 13.3.0,并打开了实验性的appDir...

const nextConfig = {
  experimental: {
    appDir: true,
  },
}

不确定这是否相关。这个特定的组件不在app文件夹中-我把它移到了components文件夹中,以防有什么有趣的事情发生(我读到hereapp文件夹中的组件默认是服务器组件)。
我被难倒了。有什么想法吗?

vjrehmav

vjrehmav1#

据我所知,这是解决了金丝雀释放上周(https://github.com/vercel/next.js/issues/47704
基本上,这是一个只影响Windows开发人员的错误,一个似乎有效的“补丁”(直到v13.3.1下降)是对具有use client的页面/组件使用箭头函数。
在您的示例中:

// 'use client';

const Test = () => {
    return (
        <div>
            Testing 1, 2, 3!
        </div>
    )
}

export default Test

相关问题