もし 深刻な 問題が発生した場合 — 例えば最上位(root)のレイアウトでデータをロードしているときや、エラーページのレンダリング中にエラーが発生した場合 — SvelteKit は静的なエラーページにフォールバックします。

src/routes/+layout.server.js ファイルを追加して、これを実際に確認してみましょう。

export function load() {
	throw new Error('yikes');
}

フォールバックエラーページをカスタマイズすることができます。src/error.html ファイルを作成しましょう。

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

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

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