angular11-microfrontends-lazy-components | styles not getting applied for shared component

[hardikpatel043]

I was trying to run one of the example of angular.

I observed that styles of shared component "lib-mdmf-shared" are not applied when I run shell or profile app.

Any solution to this?

[ScriptedAlchemy]

likely a design issue but i dont know angular unfortunately In react is was because the shell needed to share the style vendor or some service as well as expose it to the shell itself depends on it

[ydmitry]

Did you rebuild mdmf-shared?

[hardikpatel043]

This is not working because module federation with Angular CLI 11 doesn't support styleUrl in component.

Putting styles in html as below worked.

However, this issue is fixed with Angular 12.

@ScriptedAlchemy Do you want me to upgrade all angular examples to angular 12? I would love to contribute.

[smasala]

@hardikpatel043 if you do update the example you'll need this: https://github.com/angular-architects/module-federation-plugin/issues/36

[ScriptedAlchemy]

Yes please any updates that need to be made should be. I don't really use angular so I don't know how to fix them if they break.

Happy to accept PRS

[edarioq]

I can confirm styleUrls works perfectly fine, not sure what the issue is here. I'm currently using Angular 11. Either way getting an update to Angular 12 would be awesome.