Cannot use shared module in .mjs file correctly

[Cybbin]

Describe the bug

I shared vue deps in ModuleFederationPlugin

new ModuleFederationPlugin({
  name: "app3Module",
  filename: "remoteEntry.js",
  dts: false,
  shared: ["vue"],
})

When i use vue in .mjs file, vue cannot be used correctly. It seems to be imported as a module, not a function.

Reproduction

https://github.com/Cybbin/pj-module-federation/tree/main/app-3

Used Package Manager

npm

System Info

chrome

Validations

• [X] Read the docs.
• [X] Read the common issues list.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Make sure this is a Module federation issue and not a framework-specific issue.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[ScriptedAlchemy]

when you share it, its probbably resolving to the "main" field in the plugin.

share vue/nestedPath/index.mjs or whatever the esm path to vue is.

[ScriptedAlchemy]

Vue.default seems to make the app render.

[ScriptedAlchemy]

vue: { import: "vue/dist/vue.js", }

put that for your shared

[Cybbin]

vue: { import: "vue/dist/vue.js", }

put that for your shared

It works, thanks!