Vue 3 + 模組聯邦：實現模組化的Vue 3應用程式

Question

我正在嘗試使用Vue3和Module Federation建立一個簡單的微前端範例，但遇到了衝突問題。

我在這裡有程式碼： https://github.com/ghalex/mf-example

只有兩個微前端：

• 容器（Vue3）
• 授權（Vue3）

我的問題是，當我導入App.vue元件時：

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

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

在auth模組中加載模組到container時，App.vue組件被覆蓋了。

是否有任何webpack設定我遺漏了，以確保每個組件都被單獨加載？

Answer 1

我找到了問題，它是一個webpack-dev-server v4的bug。我降級到了v3，一切都正常工作。