Skip to main content

🚫 Error404Component – Guía de uso

Este documento explica cómo implementar el componente Error404Component de forma remota usando RemoteLoaderComponent en un entorno de Module Federation dentro del proyecto de shell (microfrontend que toma el papel de host), el cual muestra una página de error 404 con un mensaje amigable y opciones de navegación.

📁 Importaciones necesarias​

En tu componente local, importa únicamente el RemoteLoaderComponent usando una ruta relativa (ya que se encuentra dentro del mismo proyecto):

import { RemoteLoaderComponent } from "../../components/remote-loader/remote-loader.component";

🧩 HTML de ejemplo​

<div class="card col-6">
  <div class="card-body">
    <app-remote-loader
      [remoteName]="env.remoteLibCore.remoteName"
      [componentName]="env.remoteLibCore.exposedModules.error404Component"
    ></app-remote-loader>
  </div>
</div>

Este selector muestra automáticamente la vista 404 cuando se incluye en la plantilla.

📃 Descripción del componente​

PropiedadTipoDescripción
Sin inputs/outputs-Este componente no tiene entradas ni salidas configurables.

🚀 Resultado esperado​

Al usar este componente, el usuario verá una página de error 404 personalizada, que incluye:

  • Una imagen decorativa.
  • El código de error 404.
  • Un mensaje explicativo.
  • Un botón para volver a la página de inicio o la ruta deseada.

📬 Soporte​

Para dudas o mejoras sobre el componente Error404Component, contactar al equipo de arquitectura.