Angular 19 - Cannot use import statement outside a module (at main.js:2:1)

[RobertHajbok]

For which library do you need help?

native-federation

Question

Hey guys,

I'm having an issue with Native Federation after upgrading to Angular 19 - Cannot use import statement outside a module (at main.js:2:1). This was previously working with Angular 18 version, the issue seems to be in main.ts file, at this line - import { initFederation } from '@softarc/native-federation-runtime';. The main.js file is not loaded as a module from what I can see, but not sure what is different with this newer version:

Can someone assist with this please? Let me know if you need other details or config files. Also, nice work with this package!

Thanks

[jeongyeon9254]

I'm in the same situation. I want to know how to solve it.

[RobertHajbok]

I didn't find a solution for this, but after updating to Angular 20 this was fixed. Would be good to know what the solution for this is though.

[jeongyeon9254]

Thank you. I should update that too...

[RobertHajbok]

This is fixed now, but at runtime I'm getting the following when serving either the host or the remote applications: Uncaught TypeError: Failed to resolve module specifier "@angular/core". Relative references must start with either "/", "./", or "../". There are no other details at all. If I build the projects and serve them via a static HTTP server, it seems to be working. Any ideas on this one maybe?