Özel Hata Sayfaları için +error.svelte
Durum kodunu ve iletiyi görüntüleyen özel hata kullanıcı arayüzleri oluşturun.
Özel Hata Sayfaları için +error.svelte, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Özel Hata Arayüzü
Özelleştirilmiş bir hata sayfası oluşturmak için herhangi bir rota klasöründe +error.svelte oluşturun.
Kök Hata Sayfası
src/routes/+error.svelte, iç içe bir hata sınırı tarafından yakalanmayan hataları her yerde yakalar.
<!-- +error.svelte -->
<script>
import { page } from "$app/stores";
</script>
<h1>{$page.status}: {$page.error?.message}</h1>Duruma Erişme
$page.status, HTTP durumunu (404, 500 vb.) sağlar.
İletiye Erişme
$page.error.message, error() işlevine sağladığınız iletiyi veya handleError'dan gelen genel iletiyi sağlar.
Önceden Oluşturma Farkları
Statik hata sayfaları önceden oluşturulabilir; dinamik olanlar her istek için oluşturulur.
İç İçe Sınırlar
Hata arayüzünü belirli bölümlerle sınırlamak için +error.svelte dosyasını alt klasörlere yerleştirin.
Kullanıcı Dostu İletiler
İletiyi amaca uygun hazırlayın: 404 durumunda başka bir yere gitme önerisi sunulmalı, 500 durumunda özür dilenmeli ve desteğe bağlantı verilmelidir.
İzleme Kimlikleri
Kullanıcıların destek ekibine iletebilmesi için handleError tarafından döndürülen bir izleme kimliğini gösterin.
Kurtarma Bağlantıları
Her zaman geri dönmek için bir yol sunun: ana sayfaya bağlantı, arama kutusu veya yeniden yükleme düğmesi.
Marka Kimliği
Hata sayfasını uygulamanızın geri kalanı gibi biçimlendirin; bu sayfa kullanıcı deneyiminin bir parçasıdır.
Tepkisel Güncellemeler
Kullanıcı hata bağlamında gezindiğinde sayfa verileri güncellenir ve arayüz güncel kalır.
Kısa Kontrol
Hata durumuna nasıl erişirsiniz?
Özet
Kapsamı belirlenmiş hata arayüzleri için her klasöre +error.svelte yerleştirin. $page.status ve $page.error değerlerini okuyun.
Sıkça Sorulan Sorular
“Özel Hata Sayfaları için +error.svelte” dersi ücretsiz mi?
Evet — “Özel Hata Sayfaları için +error.svelte” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Özel Hata Sayfaları için +error.svelte” dersinde ne öğreneceğim?
Durum kodunu ve iletiyi görüntüleyen özel hata kullanıcı arayüzleri oluşturun. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“Özel Hata Sayfaları için +error.svelte” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Özel Hata Sayfaları için +error.svelte
- Beklenen ve Beklenmeyen Hatalar
- error() ve redirect() Yardımcıları
- İç İçe Düzenlerde Hata Sayfaları