Next.js 15.1

Next.js 15.1

💡 原文英文,约1800词,阅读约需7分钟。
📝

内容提要

Next.js 15.1 更新了核心功能,支持 React 19,改进了错误调试和新 API。新增的 after() API 允许在响应完成后执行代码,experimental 的 forbidden() 和 unauthorized() API 提供更细致的认证错误处理。

🎯

关键要点

  • Next.js 15.1 更新了核心功能,支持 React 19。

  • 新增的 after() API 允许在响应完成后执行代码。

  • 改进了错误调试,增强了浏览器和终端的源映射。

  • 新增 experimental 的 forbidden() 和 unauthorized() API,提供更细致的认证错误处理。

  • 支持 React 19 的 Pages Router 和 App Router。

  • 错误追踪更容易,源映射的使用得到了改善。

  • 在浏览器和错误覆盖层中,第三方依赖的堆栈帧默认隐藏。

  • Edge 运行时中的错误显示一致,确保无缝调试。

  • after() API 允许在响应后执行日志、分析等任务。

  • forbidden() 和 unauthorized() API 允许自定义错误页面。

  • 需要在 next.config.ts 文件中启用 experimental 功能。

延伸问答

Next.js 15.1 的主要更新内容是什么?

Next.js 15.1 更新了核心功能,支持 React 19,改进了错误调试,并新增了 after()、forbidden() 和 unauthorized() API。

如何使用 Next.js 15.1 中的 after() API?

after() API 允许在响应完成后执行代码,如日志记录和分析,使用时需在代码中调用 after() 函数。

Next.js 15.1 中的错误调试有哪些改进?

错误调试得到了增强,源映射的使用改善,使得错误追踪更容易,第三方依赖的堆栈帧默认隐藏。

forbidden() 和 unauthorized() API 的作用是什么?

forbidden() 用于触发 403 错误,unauthorized() 用于触发 401 错误,均可自定义错误页面。

如何在 Next.js 15.1 中启用 experimental 功能?

在 next.config.ts 文件中添加 experimental 配置,设置 authInterrupts 为 true 来启用相关功能。

Next.js 15.1 对 React 19 的支持有哪些变化?

Next.js 15.1 正式支持 React 19,用户可以在 Pages Router 和 App Router 中使用,无需依赖 Release Candidate 或 Canary 版本。

➡️

继续阅读