メインコンテンツにスキップ

もし事態が本当に悪化した場合(ルートレイアウトデータの読み込み中やエラーページのレンダリング中にエラーが発生した場合)、SvelteKitは静的なエラーページにフォールバックします。

この動作を確認するには、新しい src/routes/+layout.server.js ファイルを追加してください。

src/routes/+layout.server
export function load() {
	throw new Error('yikes');
}

フォールバックエラーページをカスタマイズできます。src/error.html ファイルを作成してください。

src/error
<h1>Game over</h1>
<p>Code %sveltekit.status%</p>
<p>%sveltekit.error.message%</p>

このファイルには以下を含めることができます。

  • %sveltekit.status% — HTTPステータスコード
  • %sveltekit.error.message% — エラーメッセージ

GitHubでこのページを編集

1
2
<h1>home</h1>