Selector issues while integrating MSAL [Angular 15]
In the app.component.ts, the '@Component' decorator uses the selector "body[root].
I have followed the Microsoft Documentation to include MSAL in our project (default auth has been removed from the project while following the skeleton guide)
For MSAL to work, the app component needs the selector to refer to a html tag 'app-root' with the HTML as and for another tag to be added.
When the app.component.ts uses selector body[root] - the pages load normal however in the console the MSAL errors with: 'ERROR Error: The selector "app-redirect" did not match any elements'
If I change the app.component.ts selector to 'app-root' the console shows MSAL Auth working properly however the application will never load past the splash screen I imagine because Metronic is dependent on the 'root' tag being used through the body element.
Is there a way to change metronic to work properly with the 'app-root' method? I am relatively new to Angular so perhaps there is a better solution.
I apologize for the delay in getting back to you. Regarding your previous question, it seems that the body[root] is required for the style and removing it could potentially break the CSS. We will need to investigate this further to provide you with a more accurate solution.