Sveltejs Academy · Lekcja

Obsługa błędów w load

Zgłaszaj error() lub redirect() z load, aby przejrzyście obsługiwać przypadki niepowodzeń.

Lekcja 3 z 413 kroki

Obsługa błędów w load to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Sveltejs Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.

Zgłaszanie błędów

Użyj funkcji error() z pakietu @sveltejs/kit, aby wysłać kontrolowany błąd HTTP.

import { error } from "@sveltejs/kit";
if (!post) error(404, "Post not found");

Kod statusu

Pierwszy argument to kod statusu HTTP (404, 401, 500 itd.).

Komunikat błędu

Drugi argument to czytelny dla użytkownika komunikat wyświetlany na stronach błędów.

Przekierowania

Użyj funkcji redirect(), aby przekierować użytkownika w inne miejsce zamiast wyświetlać błąd.

import { redirect } from "@sveltejs/kit";
if (!session) redirect(302, "/login");

Oczekiwane błędy

Wywołania error() reprezentują oczekiwane błędy — wyświetlają podany komunikat.

Nieoczekiwane błędy

Nieprzechwycone wyjątki stają się nieoczekiwanymi błędami. Ze względów bezpieczeństwa ich komunikaty są ukrywane przed klientami.

Niestandardowe strony błędów

Utwórz plik +error.svelte w katalogu głównym lub przy konkretnej trasie, aby dostosować interfejs strony błędu.

Błędy możliwe do obsłużenia

Przechwytuj błędy wewnątrz funkcji load i zwracaj dane zastępcze, gdy kontrolowane ograniczenie funkcjonalności jest lepsze niż strona błędu.

Try/Catch

Umieszczaj ryzykowne wywołania w bloku try/catch, aby obsługiwać je w kontrolowany sposób.

try { data = await fetch(...) } catch (e) { data = []; }

Stan ładowania

Zamiast zgłaszać błąd użyj strumieniowania (Promises w zwracanym obiekcie), aby wyświetlać częściowo załadowany stan.

Rejestrowanie błędów

Rejestruj błędy centralnie za pomocą handleError w pliku hooks.server.js.

Szybkie sprawdzenie

Co robi throw error(404)?

Podsumowanie

Używaj error() w przypadku oczekiwanych niepowodzeń, a redirect(), aby przekierowywać użytkowników z funkcji load w inne miejsce.

Bezpłatny start

Ucz się HTML dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
41
Lekcje
163

Często zadawane pytania

Czy lekcja „Obsługa błędów w load” jest bezpłatna?

Tak — pełny tekst „Obsługa błędów w load” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Sveltejs Academy, przejdź na CoddyKit PRO. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Obsługa błędów w load”?

Zgłaszaj error() lub redirect() z load, aby przejrzyście obsługiwać przypadki niepowodzeń. Ćwiczysz Sveltejs Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Sveltejs Academy?

Nie wymagamy żadnego doświadczenia. Sveltejs Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.

Ile czasu zajmuje lekcja „Obsługa błędów w load”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Sveltejs Academy?

Tak. Każda lekcja Sveltejs Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Funkcja ładowania +page.js
  2. Zwracanie danych i używanie $page.data
  3. Obsługa błędów w load
  4. +page.server.js dla logiki wykonywanej wyłącznie na serwerze
← Powrót do Sveltejs Academy