Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Sapper

Curso de Sapper

Oscar Barajas Tavares

Oscar Barajas Tavares

Error 404

10/17
Recursos

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

El archivo "_error"
Contiene los elementos a mostrar cuando suceda un error por seguridad, el único que se muestra a un usuario es el 404. Una buena forma de mostrarlo es con estilos, imagenes, y con una explicación amable. Además incrementará el SEO.

Entonces, index.svelte y _error.svelte son 2 archivos especiales dentro de el router de Svelte, uno se refiere al root de la app y el otro es una vista especial para mostrar errores http con un status dinamico, de resto las demas rutas pueden ocupar el nombre que quieras (mientras pueda ser el nombre de un archivo).

_error.svelte

  import Main from '../components/Main'
  export let status;
  export let error;

  const dev = process.env.NODE_ENV === 'development';
</script>

<svelte:head>
  <title>{ status }</title>
</svelte:head>

<Main>
  <div class="Error">
    <h1>{status}</h1>
    <p>{error.message}</p>
    {#if dev && error.stack}
      <pre>{error.stack}</pre>
    {/if}
  </div>
</Main>

<style>
  .Error {
    padding: 4em 0 0 0;
  }

  h1,
  p {
    margin: 0 auto;
  }

  h1 {
    font-size:  2.8em;
    font-weight: 700;
    margin: 0 0 0.5em 0;
  }

</style>```