Migrating from Module Federation to Native Federation

[GabrielAPineiro]

For which library do you need help?

native-federation

Question

Hi, I have a monorepo with nx, and I'm trying to move from module-federation to native, but I'm getting an issue while running my host locally. I'm seeing this error in the browser console
chunk-XX5BJUXQ.js:57 SyntaxError: Unexpected token '{' (at ${sourceUrl};:6353:2)`
Any ideas why this could be happening? I tried to skip angular/compiler, but I have some references to core and cdk /testing in my code, so not sure I can do that.

"@angular-architects/native-federation": "20.3.1",
"@angular/animations": "20.3.16",
"@angular/cdk": "20.2.14",
"@angular/common": "20.3.16",
"@angular/compiler": "20.3.16",
"@angular/core": "20.3.16",
"@angular/forms": "20.3.16",
"@angular/platform-browser": "20.3.16",
"@angular/platform-browser-dynamic": "20.3.16",
"@angular/router": "20.3.16",

[GabrielAPineiro]

I managed to get rid of all dependencies on testing, so the project is building and even managed to make host load a remote inside, which is really nice.
But not my production build is not serving, I'm seeing
chunk-GJQFALUO.js:1 Error: Unsupported Content-Type "text/html" loading http://cloud-ui.localhost.exclaimertest.net/@id/@angular/core imported from http://cloud-ui.localhost.exclaimertest.net/chunk-NBDLYNSH.js. Modules must be served with a valid MIME type like application/javascript. at Ln (polyfills-WEE3PANU.js:15:314) at async polyfills-WEE3PANU.js:15:695
I noticed this error on this issue but no answer so far.

[Aukevanoost]

Hi @GabrielAPineiro

Are you using i18n or localization? Also, note that (when you use shareAll), all dependencies in the package.json are bundled as external packages, except for the packages in "devDependencies".

Without much context it's hard for me to reproduce the bug