vue.js - Vue 3 + 模块联合

Question

我正在尝试使用 Vue3 和 Module Federation 构建一个简单的微前端示例，但我遇到了冲突问题。

我在这里有代码： https ://github.com/ghalex/mf-example

只有两个 mf：

• 容器（Vue3）
• 身份验证（Vue3）

我遇到的问题是，当我导入 App.vue 组件时：

// index.js - in container
import App from './components/App.vue'

// indexAuth.js - in auth
import App from './components/App.vue'

在auth模块中并将模块加载到容器中，App.vue 组件被覆盖。

我是否缺少任何 webpack 设置以确保每个组件都单独加载？

Answer 1

我发现了问题，这是一个webpack-dev-serverv4错误。我降级到 v3，一切正常。