JSS Next.js サンプル アプリのエラー ページ

Version: 20.x
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Next.js アプリはカスタム エラー ページをサポートしています。JSS Next.js サンプル アプリには、ステータス コード 404 および 500 のエラーに対するカスタム エラー ページが含まれます。

404 エラー ページ

サンプル JSS Next.js アプリはファイル src/pages/404.tsx で定義されるカスタム 404 ページを提供し、次の場合にそのページをレンダリングします。

500 エラー ページ

サンプル JSS Next.js アプリはファイル src/pages/_error.tsx で定義されるカスタム 500 ページを提供します。

Next.jsは、クライアント側とサーバー側で 500 エラーを処理します。本番環境では、404 を除くすべてのエラーに対して 500 エラー ページがレンダリングされます。開発中には、アプリケーションはコール スタックでエラーをレンダリングします。

他ページにおける特定のエラー コードの処理

特定のステータス コードを処理し、ルートで組み込みエラー ページをレンダリングする場合、500 エラー ページから Error コンポーネントをインポートできます。

例:

RequestResponse
import Error from 'src/pages/_error';

const Page = ({ errorCode, text }) => {
  if (errorCode) {
    return <Error statusCode={errorCode} />
  }

  return <div>Content: {text}</div>
}

export default Page

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、