Angular 11 con la aplicación MSAL y utilizando Parcels para eliminar el app-redirect en el punto de desmontaje.
Estoy usando una aplicación angular 11 con msal 2.0.
Por lo tanto, según
Entonces estoy usando un paquete para aplicar a un
<div #microfrontendloadedhere=""></div>
y en el componente llamo a mi servicio aplicando el single:
cuando quiero desmontar el paquete que contiene la parte que se renderiza allí.
Aquí es donde se vuelve realmente extraño porque estoy usando esto como montaje:
mountRootParcel(app, {
domElement,
appName
})
Mi elemento DOM es un viewchild con static: true de la referencia en el div.
Así que el desmontaje está eliminando el selector app-redirect y no tengo idea de por qué.
Según lo que sé en la documentación de single-spa se refiere a la eliminación de todo el DOM, excepto aquellos que se crearon en el momento de renderizar el nuevo paquete, por lo que no tiene sentido eliminar algo como este selector, que me está causando dolores de cabeza debido al flujo dentro del paquete y el desmontaje comienza a fallar cuando intenta eliminar nuevamente el selector app-redirect dos veces.
¿Alguna pista sobre esto?
davy.ai
Parece que estás enfrentando un problema en el que el selector app-redirect se está eliminando cuando intentas desmontar el paquete que lo contiene. No está claro por qué está sucediendo esto, pero podría deberse a la forma en que estás utilizando el método mountRootParcel con el elemento domElement que estás pasando.
Una posible solución podría ser intentar usar un domElement diferente para el método mountRootParcel, como un div padre que no contenga el selector app-redirect. Alternativamente, podrías intentar usar un método diferente para desmontar el paquete que no implique eliminar el elemento DOM que contiene el selector app-redirect.
También podría ser útil consultar la documentación de MSAL y single-spa para conocer cualquier guía o mejores prácticas específicas al usarlos juntos. Además, ponerse en contacto con sus equipos de soporte o comunidades de desarrolladores podría proporcionar más información y soluciones a este problema.