Angular Native Federation and Secondary Entry Points

[AlanGRutter]

I am hoping that you can help me with an issue.

I have an Angular application that uses Angular Architects Native Federation (which uses es-module-shims).

When using a local library with no secondary entry points, everything works fine, but I have now split my library so that it has secondary entry points in order to make more of the code tree-shakable and improve loading times.

My host app uses one of the secondary entry points 'authentication/guards' in its app.routes.ts file but when the application loads I am seeing an error in the dev console

main.ts:7 Error: Unable to resolve specifier 'authentication/guards' imported from https://localhost:43881/chunk-6YZ5XX3T.js
    at throwUnresolved (es-module-shims.js:679:11)
    at _resolve (es-module-shims.js:596:59)
    at resolve (es-module-shims.js:615:30)
    at es-module-shims.js:1246:28
    at Array.map (<anonymous>)
    at es-module-shims.js:1225:10
    at async loadAll (es-module-shims.js:707:5)
    at async topLevelLoad (es-module-shims.js:838:5)```

[guybedford]

authentication/guards here is a "bare specifier" which means that it needs to be mapped by an import map in order to resolve.

So you need to add the following script tag:

<script type="importmap">
{
  "imports": {
    "authentication/guards": "./path/to/authentication/guards.js"
  }
}
</script>

so that the browser can know how to locate it. Alternatively, you could replace the import at that chunk with a remapping in the build systems externals output to directly point to the final module using a relative URL starting with "./" so that it is no longer a bare specifier.

[AlanGRutter]

Sorry I am not an expert and I don’t understand. I’m simply using the normal ng-package and public-api stuff for libraries and federation.config.js Sent from my phone. On 26/06/2025, at 4:29 PM, Guy Bedford ***@***.***> wrote:  [https://avatars.githubusercontent.com/u/598730?s=20&v=4]guybedford left a comment (guybedford/es-module-shims#502)<#502 (comment)> authentication/guards here is a "bare specifier" which means that it needs to be mapped by an import map in order to resolve. So you need to add the following script tag: <script type="importmap"> { "imports": { "authentication/guards": "./path/to/authentication/guards.js" } } </script> so that the browser can know how to locate it. Alternatively, you could replace the import at that chunk with a remapping in the build systems externals output to directly point to the final module using a relative URL starting with "./" so that it is no longer a bare specifier. — Reply to this email directly, view it on GitHub<#502 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ABMYA3IFQDSSSWDYACYXEAL3FNZLXAVCNFSM6AAAAACAEZROP6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTAMBXGAYDQNJVGQ>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[guybedford]

In that case, it sounds like you are not configuring your import map correctly per the native federation requirements. I'd recommend checking the import map section of the instructions there, or posting an issue directly to the native federation project instead.

[AlanGRutter]

I went back and watched one of Manfred’s videos from 2023 about import maps but it did not shed any light as it implies that native federation plugin takes care of it. I did however add my missing library into a sharedMappings array within federation.config.is which at first glance might have fixed the issue although I have no idea if that is what I am supposed to do as it isn’t documented anywhere. Sent from my phone. On 26/06/2025, at 4:58 PM, Guy Bedford ***@***.***> wrote:  [https://avatars.githubusercontent.com/u/598730?s=20&v=4]guybedford left a comment (guybedford/es-module-shims#502)<#502 (comment)> In that case, it sounds like you are not configuring your import map correctly per the native federation requirements. I'd recommend checking the import map section of the instructions there, or posting an issue directly to the native federation project instead. — Reply to this email directly, view it on GitHub<#502 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ABMYA3IGI4TWEWPVGA5MGPL3FN4WXAVCNFSM6AAAAACAEZROP6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTAMBXGA2TGNBQGI>. You are receiving this because you authored the thread.Message ID: ***@***.***>