feat(frontend): +error.svelte im app-Layout fuer persistente Sidebar bei Fehlern #92

Closed
opened 2026-06-23 17:40:52 +00:00 by niboer · 0 comments
Owner

Beschreibung

Bei einem Seitenwechsel unter /app/ und auftauchenden Fehlern (404/50x) verschwindet die Seitenleiste, weil keine +error.svelte existiert und SvelteKit auf den Default-Error-Page (ohne Layout-Chrome) faellt.

Umsetzung

  • src/routes/app/+error.svelte anlegen (wird innerhalb von app/+layout.svelte gerendert: Sidebar + SessionTimeoutModal bleiben erhalten)
  • Fehlertexte je nach Status: 404 ("Seite nicht gefunden"), 403 ("Zugriff verweigert"), sonst ("Ein Fehler ist aufgetreten")
  • Link zurueck zum Dashboard auf /app/dashboard

Test-Seite (nur dev)

  • Zusaetzlicher Nav-Eintrag in der Sidebar (nur sichtbar wenn import.meta.env.DEV)
  • Fuehrt zu /app/error-test mit Buttons, die 404/403/500 provozieren

Tests

  • Source-Code-Inspection (wie sidebar.test.ts)
  • Prueft 404/403/generic-Branching, error?.message, /app/dashboard-Link
### Beschreibung Bei einem Seitenwechsel unter `/app/` und auftauchenden Fehlern (404/50x) verschwindet die Seitenleiste, weil keine `+error.svelte` existiert und SvelteKit auf den Default-Error-Page (ohne Layout-Chrome) faellt. ### Umsetzung - `src/routes/app/+error.svelte` anlegen (wird innerhalb von `app/+layout.svelte` gerendert: Sidebar + SessionTimeoutModal bleiben erhalten) - Fehlertexte je nach Status: 404 ("Seite nicht gefunden"), 403 ("Zugriff verweigert"), sonst ("Ein Fehler ist aufgetreten") - Link zurueck zum Dashboard auf `/app/dashboard` ### Test-Seite (nur dev) - Zusaetzlicher Nav-Eintrag in der Sidebar (nur sichtbar wenn `import.meta.env.DEV`) - Fuehrt zu `/app/error-test` mit Buttons, die 404/403/500 provozieren ### Tests - Source-Code-Inspection (wie sidebar.test.ts) - Prueft 404/403/generic-Branching, `error?.message`, `/app/dashboard`-Link
Sign in to join this conversation.
No description provided.