我在我的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
文件夹中,以防有什么有趣的事情发生(我读到here,app
文件夹中的组件默认是服务器组件)。
我被难倒了。有什么想法吗?
1条答案
按热度按时间vjrehmav1#
据我所知,这是解决了金丝雀释放上周(https://github.com/vercel/next.js/issues/47704)
基本上,这是一个只影响Windows开发人员的错误,一个似乎有效的“补丁”(直到v13.3.1下降)是对具有
use client
的页面/组件使用箭头函数。在您的示例中: