Páginas de error en layouts anidados
Limite los límites de error a secciones de la aplicación mediante páginas de error a nivel de layout
Páginas de error en layouts anidados es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Límites de error por carpeta
Cada carpeta con +layout.svelte puede tener su propio +error.svelte para capturar los errores localmente.
Delimitar fallos
Un error en una ruta de administración puede mostrar una página de error con el estilo de administración sin afectar a todo el sitio.
Gana el más cercano
SvelteKit busca el +error.svelte más cercano en la cadena de layouts para renderizarlo.
Patrón de restablecimiento
Coloque una página de error dentro de un layout para permitir la recuperación: al hacer clic en un enlace se puede salir del error y continuar.
Marketing frente a aplicación
Las páginas de marketing pueden mostrar errores amigables; las páginas de la aplicación pueden mostrar detalles técnicos.
Valores predeterminados de sección
Si no existe una página de error anidada, se utiliza la página raíz.
Adaptar las páginas por estado
Los estados 404, 500 y 401 pueden tener distintos layouts y llamadas a la acción según la sección.
Errores por grupo
Los grupos de layouts (group) también pueden contener sus propias páginas de error.
Tener siempre una raíz
Proporcione siempre src/routes/+error.svelte como último recurso.
Combinar con handleError
handleError registra los errores en todas partes; las páginas de error los muestran. Use ambos conjuntamente.
Pulido para producción
Las páginas de error personalizadas transmiten calidad. Dedique tiempo a crear buenos mensajes y opciones de recuperación.
Comprobación rápida
¿Dónde busca SvelteKit una página de error?
Resumen
Delimite la interfaz de error colocando +error.svelte en subcarpetas. SvelteKit elige la más cercana al error.
Preguntas frecuentes
¿La lección «Páginas de error en layouts anidados» es gratis?
Sí — el texto completo de «Páginas de error en layouts anidados» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Páginas de error en layouts anidados»?
Limite los límites de error a secciones de la aplicación mediante páginas de error a nivel de layout Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.
¿Cuánto tiempo toma la lección «Páginas de error en layouts anidados»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- +error.svelte para páginas de error personalizadas
- Errores esperados e inesperados
- Asistentes error() y redirect()
- Páginas de error en layouts anidados