unstable_rethrow
此 API 目前不稳定,可能会发生更改。
unstable_rethrow
可用于避免在尝试处理应用程序代码中抛出的错误时捕获 Next.js 抛出的内部错误。
例如,调用 notFound
函数将抛出一个 Next.js 内部错误并渲染 not-found.js
组件。但是,如果在 try/catch
块内使用,则该错误将被捕获,从而阻止 not-found.js
渲染
@/app/ui/component.tsx
import { notFound } from 'next/navigation'
export default async function Page() {
try {
const post = await fetch('https://.../posts/1').then((res) => {
if (res.status === 404) notFound()
if (!res.ok) throw new Error(res.statusText)
return res.json()
})
} catch (err) {
console.error(err)
}
}
您可以使用 unstable_rethrow
API 重新抛出内部错误并继续执行预期行为
@/app/ui/component.tsx
import { notFound, unstable_rethrow } from 'next/navigation'
export default async function Page() {
try {
const post = await fetch('https://.../posts/1').then((res) => {
if (res.status === 404) notFound()
if (!res.ok) throw new Error(res.statusText)
return res.json()
})
} catch (err) {
unstable_rethrow(err)
console.error(err)
}
}
以下 Next.js API 依赖于抛出错误,这些错误应由 Next.js 本身重新抛出和处理
如果路由段被标记为抛出错误(除非它是静态的),则动态 API 调用也将抛出一个错误,类似地,开发人员不应捕获该错误。请注意,部分预渲染 (PPR) 也影响此行为。这些 API 是
cookie
headers
searchParams
fetch(..., { cache: 'no-store' })
fetch(..., { next: { revalidate: 0 } })
需要了解:
- 此方法应在 catch 块的顶部调用,并将错误对象作为其唯一参数传递。它也可以在 Promise 的
.catch
处理程序中使用。- 如果您确保对抛出错误的 API 的调用未包装在 try/catch 中,则您无需使用
unstable_rethrow
- 任何资源清理(如清除间隔、计时器等)都必须在调用
unstable_rethrow
之前或在finally
块中发生。
这有帮助吗?