JSS Next.js サンプル アプリのエラー ページ
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Next.js アプリはカスタム エラー ページをサポートしています。JSS Next.js サンプル アプリには、ステータス コード 404
および 500
のエラーに対するカスタム エラー ページが含まれます。
404 エラー ページ
サンプル JSS Next.js アプリはファイル src/pages/404.tsx
で定義されるカスタム 404 ページを提供し、次の場合にそのページをレンダリングします。
-
レイアウト サービスが特定の Sitecore パスに対して 404 ステータス コードで応答した場合、Page Props Factory は値
true
を持つページ データのnotFound
プロパティを返します。 -
本番運用に対して JSS Next.js アプリをビルドするために Next.js の静的なエクスポートを使用する場合、および
getStaticPaths
関数 が提供するルートのリストにないルートを要求する場合。これはfallback: false
を使用すると発生します。
500 エラー ページ
サンプル JSS Next.js アプリはファイル src/pages/_error.tsx
で定義されるカスタム 500 ページを提供します。
Next.jsは、クライアント側とサーバー側で 500 エラーを処理します。本番環境では、404 を除くすべてのエラーに対して 500 エラー ページがレンダリングされます。開発中には、アプリケーションはコール スタックでエラーをレンダリングします。
他ページにおける特定のエラー コードの処理
特定のステータス コードを処理し、ルートで組み込みエラー ページをレンダリングする場合、500 エラー ページから Error
コンポーネントをインポートできます。
例:
import Error from 'src/pages/_error';
const Page = ({ errorCode, text }) => {
if (errorCode) {
return <Error statusCode={errorCode} />
}
return <div>Content: {text}</div>
}
export default Page