Skip to main content

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:

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

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

src/error
<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

Edit this page on GitHub

previous next
1
2
<h1>home</h1>