You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js 14 SSR页面完全加载后触发二次渲染,Loading.tsx短暂显示问题求助

Next.js 14 SSR页面完全加载后触发二次渲染,Loading.tsx短暂显示问题求助

各位好,我现在在开发一个基于Next.js 14 + 服务端渲染(SSR)的项目,原本预期SSR会直接生成浏览器所需的完整HTML,但遇到了一个棘手的问题:页面在浏览器里完全加载完成后,Next.js似乎会触发一次额外的重新渲染,这会让Loading.tsx组件短暂显示一下,之后才会正常展示目标页面。我不确定这是不是框架的预期行为,还是我的实现哪里有疏漏,有没有大佬遇到过类似的问题,能给点思路或者解决方案吗?麻烦大家了!

为了排查问题,我已经做了不少尝试:

  • 逐步移除了怀疑可能导致重渲染的第三方库,比如React-Query、Next-theme这些
  • 甚至把页面里的header和navbar这类核心组件都删掉了

原本我以为通过这种方式能定位到具体是哪个组件或库引发的问题,去掉后就能解决意外重渲染的情况,但结果不管怎么调整,Loading.tsx在页面加载时短暂闪现的问题依然存在。

有意思的是,这个问题只在首次页面加载时出现,后续在路由之间导航的时候一切正常,完全没有这种不必要的重渲染。看来问题根源可能不是我之前怀疑的那些库或组件。

现在还在找问题的突破口,有没有大佬能给点进一步的指导或者建议?非常感谢!

备注:内容来源于stack exchange,提问作者xenpedro

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.20 09:49:35