Vue CLI Module Federation is component is not found in the Host App

im implementing Module Federation in two Vue CLI Projects

Container App at: http://localhost:8082/ Component App at: http://localhost:8083/ I set up the ModuleFederation plugin in both apps, dont think there is a Problem with That: Component:

plugins: [      new ModuleFederationPlugin({          name: "data",          filename: "remoteEntry.js",          remotes: {},          exposes: {              './Bata' : './src/Bata.vue',            },          shared: {}      }),  ],  

Container:

plugins: [      new ModuleFederationPlugin({          name: "appcontainer",          filename: "remoteEntry.js",          remotes: {              "data" : "data@http://localhost:8083/remoteEntry.js" // Test app url see above          },          exposes: {},          shared: {}      }),  ],  

The components is getting served under: http://localhost:8083/remoteEntry.js:

The Problem i encounter is when i try to use the component in the Container App:

It seems like the component is not found, what i noticed tho the request for the container goes to the Container app not to the Component app. Not sure if thats a problem or a normal behavior and something else is not working correctly.

8082 is the Container app, if i open the same url with 8083 (Component app) the component is there.

https://stackoverflow.com/questions/66828506/vue-cli-module-federation-is-component-is-not-found-in-the-host-app March 27, 2021 at 02:08PM