[错误]: 生成的 sonner.tsx 缺少 "use client" 指令

描述错误

执行以下命令时 :

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? pnpx shadcn@latest 添加声纳

生成的“ sonner. tsx” 文件缺少“ 使用客户端 ” 。

由于文件使用`下一个主题 ' 中的`使用Theme',汇编失败,因为只能用客户端组件调用这个钩子。

□ 预期行为
生成的"sonner.tsx"文件上方应当包括"使用客户端",这样可以不经修改直接使用.

□ 当前生成的文件
时间轴 :
从“ 下个主题” 导入 {使用Theme }
从“ sonner” 导入 { Toaster as Sonner, Toaster Props}

康斯特道克= ({.道克}: 道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克.
comst {主题="系统"}=使用Theme()

返回( ưμ㼯A
< 索纳
主题 主题作为 ToasterProps ["主题"]
类Name=“烤面包机组”
样式QQ
{
"-正则-bg":"var(---popover)",".
"-正文-正文":"var(---popover-forege)",".
"-正常-边境":"var(--边境)",
* 作为React.CSS Properties
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
/ > 打开
(中文(简体) ).
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

导出 { Toaster }

□ 工作文件与固定 时间轴 : "使用客户端"

从“ 下个主题” 导入 {使用Theme } 从“ sonner” 导入 { Toaster as Sonner, Toaster Props}

康斯特道克= ({.道克}: 道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克道克. comst {主题="系统"}=使用Theme()

返回( ưμ㼯A < 索纳 主题 主题作为 ToasterProps ["主题"] 类Name=“烤面包机组” 样式QQ { "-正则-bg":"var(---popover)",". "-正文-正文":"var(---popover-forege)",". "-正常-边境":"var(--边境)",

• 作为React.CSS Properties {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? / > 打开 (中文(简体) ). {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

导出 { Toaster }

** 说明:** 此组件的手动安装指令([Shadcn-ui ssonner] (https://ui.shadcn.com/docs/ conductions/sonner#installation])包括了"使用客户端",这表明指令是打算的,应当出现在生成的文件.

□ 临时工作
在生成器修好之前,您可以创建一个包装文件,在顶端再导出“使用客户端”组件:

时间轴 :
/ /./ 组件/ sonner- sixed.tsx

“使用客户端”;

从“./ui/sonner”导出{烤面包机}

然后,从这个包装文件中导入 " Toaster " ,而不是生成的 " sonner.tsx " 。

□ 附加上下文 由于这些文件是自动生成的,所以直接编辑它们并不理想. 添加`使用客户端'应是生成步骤的一部分。

在我的设置中,我运行:

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? pnpx 阴影@latest 添加 -- -- 所有 -- -- 覆盖

将组件同步到单列波, 这意味着我不单独更新文件 。 单个更新组件将允许通过手动调整同步文件来围绕这个问题开展工作,但对我来说这不切实际。

受影响的构成部分/构成部分

音响

如何繁殖

1. 运行“ pnpx shadcn@latest 添加声纳”
2. 在 " layout.tsx " 中导入和使用生成的 " Toaster " 组件
3. 编译Next.js应用程序
4. 注意以下错误:

```txt
未抓取出错: 试图从服务器调用Theme( ) , 但
. . . . . . .