Remote app fails on ngx-bootstrap package update even when shell app provides the shared-library to remotes

[bhuvaneshwari-b]

hi @manfredsteyer , I have an angular library which is installed into the shell app using a .tgz file from a s3 bucket. We had imported the BsDatepicker code in that library from the ngx-bootstrap package and now we have removed all that code and imported it directly from ngx-bootstrap and updated its version from 5 to 9. Thus the import changed from

to

The same is being exported in the library's module. This library is shared in webpack.config of both shell and host apps. So ideally building shell app should suffice, but the remote apps fail with saying below error

Shell and Remote webpack config

module federation: 15.0.3
angular : v15
ngx-bootstrap: 9.0.0

Initial findings:
I had found that redeploying remote app fixes the issue. As all our shell and remote apps use same node_modules folder(using symlinks) I think it should be something related to node_modules as rebuilding the apps work. But ideally the changes in the shared-library should work with just building shell app as its shared.

Tried importing BsDatepickerModule in shell's app app.module.ts and shared library's modules as well. Still no luck

[manfredsteyer]

So, the thing is, if you compile a piece of code with Angular version X, it expects to see this very version at runtime. Even a different patch version can be problematic. This is because the compiled code uses internal APIs of Angular, and they don't align with semver.