Vue.js 带有SystemJS/Vuetify的Vuejs微前端

我正在开发一个POC来创建一个VueJS门户应用程序，它可以动态加载另一个VueJS子应用程序

我无法使用Webpack Module Federation，因为我需要发现我可以在运行时而不是在构建时“拉”哪个应用程序

所以我决定将importmap与SystemJS一起使用

我使用的是简单的子应用程序，但当我使用Vuetify时，会出现很多错误，如：

[Vue warn]：$listeners是只读的。
[Vue warn]：$attrs是只读的

有些Vuetify组件根本不起作用

这似乎是由重复的VueJS导入引起的（一个是通过webpack导入的，另一个是通过systemjs导入的），但我不确定（我可以访问相同的this.$store so…）

无论如何，这是我的回购协议：

我尝试了很多例子，但没有找到一个符合我所有要求的好例子。

---

如果有人可以研究它并找到修复它的方法，这将是一个很好的例子来分享有关VueJS微前端

将您的子应用程序作为网络组件-以下是一些有助于您的信息：

---

当然，您将无法在子应用程序之间或在主应用程序与子应用程序之间共享Vuex内容-您需要找到一种更复杂的“共享”状态方式。

我的第一个想法是亲自尝试并进行发现。我使用了lib target，但我认为它可以用于网络组件。对于发现和浏览器内模块导入，我使用import-map.json。对于POC，我将其放入/public文件夹，但对于生产，它将由RESTAPI生成。