错误状态

Clarify 为未知路由和客户端渲染失败提供友好的错误状态。本页专门用于触发这些状态,方便维护者在开发时检查展示效果。


本页覆盖内容


404 路由行为

Clarify 会把 source/404.mdx 作为普通内容路由,同时也会把它用作客户端未知路径的兜底页面。

  • 默认 /404 路由会同时输出到 output/404/index.htmloutput/404.html
  • /en-US/404/zh-CN/404 这类语言页面可以分别定制未找到页面文案。
  • 客户端未知路径会优先复用当前语言的 404 页面。
  • 未知路径没有 active content route,因此页面内容操作和上一页/下一页导航会隐藏。

客户端渲染错误预览

下面的组件只会在点击按钮后抛错,因此可以验证 PageErrorBoundary,同时不影响静态构建。

点击下方按钮,从这个 MDX 页面抛出一个客户端渲染错误。

仅用于开发检查

使用本页检查文案、间距、暗色模式、主题覆盖和可展开错误详情。不应把它放进面向普通用户的新手路径。


预期恢复面板

触发错误后,Clarify 应展示本地化恢复面板,其中包含:

元素预期行为
标题和描述说明当前页面渲染失败。
当前路径展示导致失败的路由。
刷新操作允许读者通过刷新页面重试。
详情折叠区默认收起堆栈信息,需要时再展开。
<PageErrorBoundary path={pathname}>
  <Suspense fallback={<PageSkeleton />}>
    <Routes>{/* page routes */}</Routes>
  </Suspense>
</PageErrorBoundary>