Pages d’erreur dans les mises en page imbriquées
Limitez la portée des limites d’erreur à des sections de l’application grâce aux pages d’erreur au niveau des mises en page.
Pages d’erreur dans les mises en page imbriquées est une leçon Sveltejs Academy gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Sveltejs Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Sveltejs Academy comprend 4 leçons au total.
Limites d’erreur par dossier
Chaque dossier +layout.svelte peut avoir son propre +error.svelte pour intercepter localement les erreurs.
Limiter la portée des échecs
Une erreur dans une route d’administration peut afficher une page d’erreur adaptée à l’administration sans interrompre tout le site.
La plus proche l’emporte
SvelteKit recherche la page +error.svelte la plus proche dans la chaîne de mises en page pour l’afficher.
Modèle de réinitialisation
Placez une page d’erreur dans une mise en page pour permettre la récupération : cliquer sur un lien permet de quitter l’erreur et de poursuivre la navigation.
Marketing et application
Les pages marketing peuvent afficher des erreurs conviviales ; les pages de l’application peuvent présenter des détails techniques.
Valeurs par défaut des sections
Si aucune page d’erreur imbriquée n’existe, la page racine prend le relais.
Adapter les pages selon le code d’état
Les codes 404, 500 et 401 peuvent avoir des mises en page et des appels à l’action différents selon la section.
Erreurs par groupe
Les groupes de mises en page (group) peuvent également héberger leurs propres pages d’erreur.
Toujours prévoir une page racine
Prévoyez toujours src/routes/+error.svelte comme solution de repli finale.
Combiner avec handleError
handleError journalise les erreurs partout ; les pages d’erreur les affichent. Utilisez-les ensemble.
Finition pour la production
Les pages d’erreur personnalisées témoignent de la qualité de l’application. Prenez le temps de rédiger d’excellents messages et de proposer des options de récupération.
Vérification rapide
Où SvelteKit recherche-t-il une page d’erreur ?
Récapitulatif
Limitez la portée de l’interface d’erreur en plaçant +error.svelte dans des sous-dossiers. SvelteKit choisit la page la plus proche de l’erreur.
Questions Fréquemment Posées
La leçon « Pages d’erreur dans les mises en page imbriquées » est-elle gratuite ?
Oui — le texte complet de « Pages d’erreur dans les mises en page imbriquées » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Sveltejs Academy, passe à CoddyKit PRO. Le cours Sveltejs Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Pages d’erreur dans les mises en page imbriquées » ?
Limitez la portée des limites d’erreur à des sections de l’application grâce aux pages d’erreur au niveau des mises en page. Tu pratiques Sveltejs Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Sveltejs Academy ?
Aucune expérience préalable n'est requise. Sveltejs Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « Pages d’erreur dans les mises en page imbriquées » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Sveltejs Academy ?
Oui. Chaque leçon Sveltejs Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- +error.svelte pour les pages d’erreur personnalisées
- Erreurs attendues et inattendues
- Outils error() et redirect()
- Pages d’erreur dans les mises en page imbriquées