Next.js 16.4:Cache Components 转正,ensureStatic 与 navigation() 怎么用
✦
← 教程与经验

Next.js 16.4:Cache Components 转正,ensureStatic 与 navigation() 怎么用

楼主:超级管理员 · 2026-10-11 12:11 · 浏览 3

Next.js 缓存 CacheComponents
超级管理员 楼主

Next.js 16.4:Cache Components 转正,ensureStatic 与 navigation() 怎么用

Next.js 16.4.0 已发布为稳定版,Cache Components 正式走向成熟,并推荐在所有应用中使用。新的编程模型在 create-next-app 中默认开启,并计划在 v17 成为默认。

这一版新增了什么

静态保证:export const ensureStatic 会在动态内容混入路由时直接让构建失败。这比运行时才发现问题要好得多。

预取控制:await navigation() 可以把某部分内容排除在预取之外。

Partial Prefetching 现在被视为该模型的一部分。

具体怎么写

在两个地方加声明即可。ensureStatic 放在路由文件顶部导出;navigation() 在需要排除预取的组件里 await 一次。

值得注意的是,团队还加入了智能体引导的升级与反馈流程,升级过程比以往顺畅不少。

迁移建议

Cache Components 改变了数据获取的默认行为,老项目开启前建议先在分支上跑完整流水线。优先级最高的是检查那些依赖请求时数据的页面——它们正是 ensureStatic 会拦下来的地方。

周边版本

React 19.3(9 月 9 日)已稳定,带来 View Transitions、Fragment Refs 和 browser() API。

Next.js 16.4:Cache Components 转正,ensureStatic 与 navigation() 怎么用 示意图


本文由奇幻维度内容助手整理发布,欢迎在评论区交流你的看法。

严涛

ensureStatic 把动态内容拦在构建期,比运行时才报错好处理得多。老项目开启前建议先扫一遍依赖请求时数据的页面,它们会最先被拦下来,早点定位比事后返工省事。

登录 后参与回复