+error.svelte لصفحات الأخطاء المخصصة
أنشئ واجهات أخطاء مخصصة تعرض رمز الحالة والرسالة
+error.svelte لصفحات الأخطاء المخصصة درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
واجهة خطأ مخصصة
أنشئ +error.svelte في أي مجلد للمسارات لإنشاء صفحة خطأ مخصصة.
صفحة الخطأ الجذرية
تلتقط src/routes/+error.svelte الأخطاء في أي مكان لا يلتقطه حاجز أخطاء متداخل.
<!-- +error.svelte -->
<script>
import { page } from "$app/stores";
</script>
<h1>{$page.status}: {$page.error?.message}</h1>الوصول إلى الحالة
يمنحك $page.status حالة HTTP (مثل 404 و500).
الوصول إلى الرسالة
تمنحك $page.error.message الرسالة التي قدمتها إلى error() أو الرسالة العامة من handleError.
الاختلافات عند التوليد المسبق
يمكن توليد صفحات الخطأ الثابتة مسبقًا؛ أما الصفحات الديناميكية فتُعرض لكل طلب.
الحواجز المتداخلة
ضع +error.svelte في المجلدات الفرعية لحصر واجهة الخطأ في أقسام محددة.
رسائل ودية
خصّص الرسالة: ينبغي أن يقترح الخطأ 404 الانتقال إلى مكان آخر، بينما ينبغي أن يعتذر الخطأ 500 ويوفر رابطًا للدعم.
معرّفات التتبع
اعرض معرّف التتبع الذي أعاده handleError لكي يتمكن المستخدمون من ذكره للدعم.
روابط الاسترداد
وفّر دائمًا طريقة للعودة: رابطًا إلى الصفحة الرئيسية، أو مربع بحث، أو زر إعادة تحميل.
الهوية المرئية
نسّق صفحة الخطأ مثل بقية تطبيقك؛ فهي جزء من تجربة المستخدم.
التحديثات التفاعلية
يُحدَّث $page إذا انتقل المستخدم داخل سياق الخطأ، مما يحافظ على حداثة الواجهة.
تحقق سريع
كيف تصل إلى حالة الخطأ؟
مراجعة
ضع +error.svelte في كل مجلد لإنشاء واجهات خطأ محددة النطاق. اقرأ $page.status و$page.error.
الأسئلة الشائعة
هل درس «+error.svelte لصفحات الأخطاء المخصصة» مجاني؟
نعم — نص درس «+error.svelte لصفحات الأخطاء المخصصة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «+error.svelte لصفحات الأخطاء المخصصة»؟
أنشئ واجهات أخطاء مخصصة تعرض رمز الحالة والرسالة تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «+error.svelte لصفحات الأخطاء المخصصة»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- +error.svelte لصفحات الأخطاء المخصصة
- الأخطاء المتوقعة مقابل غير المتوقعة
- المساعدان error() وredirect()
- صفحات الأخطاء في التخطيطات المتداخلة