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

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

解决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不隔离

posted @ 2023-09-13 13:08  黑白棋学弟  阅读(810)  评论(0编辑  收藏  举报