Help Running Example Apps

[bhainesva]

Hello,

I'm trying to run one of the sample apps to try and get an idea of how module federation works, but I've been running into errors. I'm not sure if these are things I've done wrong or issues with the apps. I don't yet have enough context on how things are intended to work to debug efficiently.

I've followed the instructions in CONTRIBUTING.md to set up my development environment.

So far I've tried to run apps/esbuild with pnpm start. Microfrontend 1 appears to work:

but the shell is unable to load it. It errors with Error: Unable to resolve specifier 'mfe1/component' imported from http://127.0.0.1:3000/bootstrap-GYRZ724B.js.

The error looks like something that would be resolved by an import map, and I see this comment in the plugin suggests we rely on an import map, and this code does some work to create one, but it never seems to be actually inserted into the dom.

I've also tried running apps/react-ts-host and apps/react-ts-nested-remote with nx run :serve in the respective directories.
The host and remote both error with Cannot find module 'react_ts_remote/Module' or its corresponding type declarations.

Should I be running these differently? Or is there a particular example that's a better place to start? Thanks!

[ScriptedAlchemy]

esbuild plugin is in rough shape. Looks like you are using TS which will not work in esbuild since we dont have federated types in there