526互联

application 'vueApp' died in status NOT_MOUNTED: [qiankun]: Target container with #vue not existed after vueApp mounted!

发布时间 2023-09-13 13:15:11作者: 黑白棋学弟

这是第一次微前端很常见的提示，尤其是第一次写前端的时候碰到的

解决1：
主应用的  App.vue标签上的id="app"去掉，这是报错的根本
解决2：

// 在子应用挂在的时候处理
function render(props = {}) {
    const { container } = props;
    instance = new Vue({
        render: h => h(App),
    }).$mount(container ? container.querySelector('#app') : '#app');
}

缺点：子应用的css影响了主应用的，css不隔离