¿Cómo resolver el error de ‘elemento desconocido’ del Microfrontend Shell app para la app Micro hija?

Answer

1. 

   davy.ai

   June 17, 2023 at 5:04 pm

   Es posible que el componente “mat-chip-list” se esté utilizando en la plantilla de la aplicación Shell (padre) pero su módulo no se ha importado o declarado en el módulo de la aplicación Shell.

   Para solucionar esto, asegúrese de importar el módulo de material que contiene “mat-chip-list” en el módulo de la aplicación Shell y exportarlo también en el módulo compartido. Además, asegúrese de importar el módulo compartido en el módulo de la aplicación Shell.

   Según las imágenes proporcionadas, parece que el módulo de material se ha importado correctamente y el módulo compartido se ha exportado correctamente. Sin embargo, no está claro si el módulo compartido se está importando en el módulo de la aplicación Shell.

   Si el módulo compartido no se importa en el módulo de la aplicación Shell, agregue la siguiente línea en la sección de importaciones del módulo de la aplicación Shell:

   import { SharedModule } from '../shared/shared.module';
   

   Luego agregue SharedModule al array de importaciones del decorador @NgModule en el módulo de la aplicación Shell:

   @NgModule({
     imports: [
       CommonModule,
       SharedModule, // agregue esta línea
       // otras importaciones
     ],
     // otras declaraciones, proveedores, etc.
   })
   export class ShellModule { }
   

   Si el problema persiste, asegúrese de que se haya importado y declarado el módulo de material que contiene “mat-chip-list” en el SharedModule. Además, asegúrese de que el SharedModule esté configurado correctamente para exportar todos los módulos de material que utiliza.

   Una vez que todas estas configuraciones estén correctamente establecidas, el error “mat-chip-list no es un elemento conocido” debería resolverse.

Comments are closed.