Native Federation - Unexpected Token

[eric-horodyski]

Apologies for writing this issue in the repo for @angular-architects/module-federation-plugin, but this is where the source code for createEsBuildAdapter lives.

I'm attempting to use @module-federation/vite with MFEs that use @emotion/styled and am running into an issue after configuring the federation plugin. When I run npm run dev, I see the following sorts of errors repeated a few times:

 INFO  Preparing shared package @emotion/react/types/css-prop
 ERR!  Error bundling npm package @emotion/react/types/css-prop
 ERR!  Unexpected token (Note that you need plugins to import files that are not JavaScript)
 ERR!  For more information, run in verbose mode
 NOTE  If you don't need this package, skip it in your federation.config.js!
 INFO  Preparing shared package @emotion/react/macro
 ERR!  Error bundling npm package @emotion/react/macro
 ERR!  Unexpected token (Note that you need @rollup/plugin-json to import JSON files)
 ERR!  For more information, run in verbose mode

So far, the first unexpected token error (the one not looking for a rollup plugin) is logged once, errors noting that I need @rollup/plugin-json is printed several times, with different package names.

If you pull down the following project here and run the following commands, you should be able to reproduce this error as well:

pnpm install
cd apps/summary
npm run dev

I saw another issue discussing how different plugins or loaders could be used, but I can't find any documentation pertaining to createEsBuildAdapter. Any hints on how to resolve this issue?

[eric-horodyski]

Is there a better place to report this issue?