Fallback errors

Basic SvelteKit / Errors and redirects

Part 3/ Errors and redirects/Fallback errors

If things go really wrong — an error occurs while loading the root layout data, or while rendering the error page — SvelteKit will fall back to a static error page.

Add a new src/routes/+layout.server.js file to see this in action:

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

You can customise the fallback error page. Create a src/error.html file:

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

This file can include the following:

• %sveltekit.status% — the HTTP status code
• %sveltekit.error.message% — the error message