Tengo una condición de carrera usando un spa único con Angular, lo que da como resultado que la aplicación Single-Spa se represente solo en elementos secundarios directos de la raíz/cuerpo html, por ejemplo, quiero cargar el componente de microaplicación favorito en el componente de encabezado
<body> <my-header> ... <div id="single-spa-application:user-favorite></div> </my-header> </body>Pero sucede como el 10 % de las veces, la microaplicación se cargará directamente debajo del cuerpo.
<body> <my-header>...</my-header> <div id="single-spa-application:user-favorite></div> </body>Creo que la microaplicación Single-Spa está activa Cuando coincide con la URL y carga la aplicación, por ejemplo /favorite y luego activa la microaplicación pero la página (componente de encabezado angular) aún no está lista (DOM no está completo), por lo tanto, se cargó la microaplicación fuera de .
Me encantaría saber algunas ideas y cuáles son las mejores prácticas para evitar esta condición.
Gracias