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 @   黑白棋学弟  阅读(1139)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
历史上的今天:
2022-09-13 HTML5拖拽盒子,进行放置
点击右上角即可分享
微信分享提示