Errors and redirects / Fallback errors • Svelte Tutorial

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

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

src/routes/+layout.server.js

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

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

src/error.html

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

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

<h1>home</h1>

initialising