+error.svelte för anpassade felsidor
Skapa anpassade felgränssnitt som visar statuskoden och meddelandet.
+error.svelte för anpassade felsidor är en gratis lektion i Sveltejs Academy på CoddyKit. Detta är lektion 1 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Sveltejs Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Sveltejs Academy innehåller totalt 4 lektioner.
Anpassat felgränssnitt
Skapa +error.svelte i valfri route-mapp för en anpassad felsida.
Rotfelsida
src/routes/+error.svelte fångar fel var som helst som inte fångas av en kapslad felgräns.
<!-- +error.svelte -->
<script>
import { page } from "$app/stores";
</script>
<h1>{$page.status}: {$page.error?.message}</h1>Åtkomst till status
$page.status ger HTTP-statusen (404, 500 och så vidare).
Åtkomst till meddelandet
$page.error.message ger meddelandet som du angav till error() eller det generiska meddelandet från handleError.
Skillnader vid förgenerering
Statiska felsidor kan förgenereras, medan dynamiska felsidor renderas vid varje begäran.
Kapslade felgränser
Placera +error.svelte i undermappar för att begränsa felgränssnittet till specifika delar.
Vänliga meddelanden
Anpassa meddelandet: en 404:a bör föreslå att användaren går någon annanstans, medan en 500:a bör innehålla en ursäkt och en länk till supporten.
Spårnings-ID:n
Visa ett spårnings-ID som returneras från handleError, så att användare kan uppge det för supporten.
Länkar för återställning
Erbjud alltid en väg tillbaka: en länk till startsidan, ett sökfält eller en knapp för att läsa om sidan.
Varumärkesprofil
Styla felsidan som resten av appen. Den är en del av användarupplevelsen.
Reaktiva uppdateringar
$page uppdateras om användaren navigerar inom felkontexten, så att gränssnittet hålls aktuellt.
Snabb kontroll
Hur kommer du åt felstatusen?
Sammanfattning
Placera +error.svelte i varje mapp för att begränsa felgränssnittet. Läs $page.status och $page.error.
Lär dig HTML med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 41
- Lektioner
- 163
Vanliga frågor
Är lektionen ”+error.svelte för anpassade felsidor” gratis?
Ja – hela texten till ”+error.svelte för anpassade felsidor” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Sveltejs Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Sveltejs Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”+error.svelte för anpassade felsidor”?
Skapa anpassade felgränssnitt som visar statuskoden och meddelandet. Ni övar på Sveltejs Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig Sveltejs Academy?
Du behöver inga förkunskaper. Utbildningen i Sveltejs Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.
Hur lång tid tar lektionen ”+error.svelte för anpassade felsidor”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här Sveltejs Academy-lektionen?
Ja. Varje Sveltejs Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- +error.svelte för anpassade felsidor
- Förväntade och oväntade fel
- Hjälpfunktionerna error() och redirect()
- Felsidor i kapslade layouter