[qiankun]: Target container with #container not existed while childOne loading!

最新推荐文章于 2024-12-12 15:03:56 发布
原创 最新推荐文章于 2024-12-12 15:03:56 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文介绍了在使用容器化技术时遇到的问题，即主应用container不存在导致无法正确挂载子应用。解决办法是确保container标签不位于Router标签内部，而应保持在Router的同一层级。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

主应用container容器不存在导致无法挂载子应用
解决：不要将<div id="container"></div>放在Router标签内，跟Router同级即可

微前端配置-实例qiankun
不可云
10-25 2150
微前端配置-实例qiankun
Target container is not a DOM element
游海东的技术专栏
05-24 7751
1、错误描述 2、错误原因 import React, {Component} from 'react'; import {render} from 'react-dom'; import Button from 'react-bootstrap/Button' const ProPic = (props) => { return ( <img src={'http:...
[qiankun] Target container with #container not existed while xxx loading!
dalaojiyun的博客
07-19 3966
Application died in status NOT_MOUNTED: Target container with #container not existed while xxx loading!
qiankun 报错Target container with “#xxx“ not existed while iotScreen mounting!
weixin_44881032的博客
12-12 374
官网的提示是路由过渡错误导致的，可以查看一下哪里使用了路由过渡的动画找到transition过渡去掉后就可以正常加载啦。
使用 qiankun 集成应用时，出现的部分错误及解决方案
热门推荐
zlfjavahome的专栏
09-27 1万+
使用 qiankun 集成应用时，出现的部分错误及解决方案
qiankun + vue3使用踩坑记录
yangyang_buchicao的博客
06-15 4509
qiankun+vue3使用踩坑记录
vue项目微前端试水
cyyy1223的博客
12-30 5922
文章目录微前端概念主应用(安装qiankun)1.存放注册的微应用2.注册微应用3.启动微应用微应用(无需安装依赖)1.修改运行时的public-path 主要解决的是微应用动态载入的 脚本、样式、图片 等地址不正确的问题。2.导出主应用需要的三个声明周期函数3.配置4.子应用路由需添加前缀为什么不使用iframe？问题1. application 'tangram' died in status LOADING_SOURCE_CODE: [qiankun] You need to export life
application 'qiankun1' died in status LOADING_SOURCE_CODE: [qiankun]: Target container with #qiankun1 not existed while qiankun1 loading!
04-01
这个错误提示表明应用程序 'qiankun1' 在加载源代码时出现了问题。具体来说，错误信息中提到了一个名为 'qiankun1' 的目标容器不存在，导致应用程序加载失败。 可能的原因是： 1. 目标容器 '#qiankun1' 在加载应用...
Qiankunqiankun前端微应用独立部署，兼容所有技术栈
01-07
Qiankun使您和您的团队能够利用[微前端]构建下一代和企业级web应用程序(https://micro-frontends.org/). 它的灵感来自并基于[single-spa](https://github.com/CanopyTax/single-spa). > 使用**不同的JavaScript框架*...
application 'vue-app' died in status NOT_MOUNTED: [qiankun]: Target container with #vue-app-container not existed after vue-app mounted! 为什么？明明有主应用有 <Router> <nav> <Link to="/micro-vue">Vue子应用</Link> <Link to="/micro-react">React子应用</Link> </nav> <Routes> <Route path="/micro-vue" element={ <div id='vue-app-container' style={{ height: '100vh' }} > <VueApp /> </div> } /> <Route path="/micro-react" element={<ReactApp />} /> </Routes> </Router>
最新发布
03-26
好的，用户遇到了qiankun微前端框架中Vue子应用挂载失败的问题，具体错误是“vueApp died in status NOT_MOUNTED: Target container with #vue not existed”。我需要根据提供的引用内容分析可能的原因和解决方案。 ...
微前端-qiankun：vue3-vite 接入 vue3-vite
snow的博客
03-15 4838
主应用：vue3、vite 子应用：vue3、webpack
解决qiankun配置子应用后报：‘__webpack_public_path__‘ is not defined错误
duansamve的博客
09-07 3290
解决qiankun配置子应用后报：‘__webpack_public_path__‘ is not defined错误的问题
vue使用qiankun框架心得和踩坑记录
weixin_40883720的博客
01-07 3941
**其他网站有很多如何引入，使用的案例，但是按部就班的做了还是有一些问题，因此来此在总结下： vue2x使用qiankun框架经历 实现： 1、父子组件相互跳转 2、父-子传参，子接收 3、子使用父的组件 遇到问题： 1、路由跳转不成功 2、父子样式冲突 3、this.$router.push跳转问题，改为window.history.pushState跳转后，除了第一次主跳子，第二次会跳转到错误页面问题解决 ** 第一步 ：安装 npm i qiankun -S 第二步：在主应用src目录下创建文件夹m
使用 qiankun + vue3 搭建前端微服务遇到的问题
dalaojiyun的博客
06-14 3069
最后，在app.vue中router-view容器，就是子应用挂在的容器加了一个v-if的判断，只是默认不显示，onMounted 的时候显示，就解决这个问题了。翻译器解释为：当子应用创建时并未找到它需要挂在到哪里。简单讲就是，饭来了、碗没了。3、 子应用无法加载，而且不是每次必现，说是弱网环境更甚。可能方法有点糙，希望对有需求的小伙伴们有所帮助。1、registerApps 时间。3、nextTick 应用。2、start 启动时间。
[qiankun]实战问题汇总
前端
02-22 7183
[qiankun]实战问题汇总ERROR SyntaxError: Cannot use import statement outside a module问题分析解决方案子应用命名问题问题分析解决方案'jsonpFunction'详细错误信息问题分析解决方案微应用的注册问题`Uncaught Error: application 'cli5-beta6-test-name' died in status LOADING_SOURCE_CODE: [qiankun]: Target container w
qiankun:application ‘vueApp‘ died in status NOT_MOUNTED: [qiankun]: Target container with #vue not
furfur-jiang的博客
07-28 8685
Uncaught Error: application ‘vueApp’ died in status NOT_MOUNTED: [qiankun]: Target container with #vue not existed after vueApp mounted! 原因： App.vue内的#vue未能读取到 解决： 去除外层div的id="app"即可 - <div id="app"> + <div> ...
微前端框架 之 qiankun 从入门到源码分析
m0_66439275的博客
02-04 2087
从 single-spa 的缺陷讲起 -> qiankun 是如何从框架层面解决 single-spa 存在的问题 -> qiankun 源码解读，带你全方位刨析 qiankun 框架
vue 解决： target is not existed: .page-component__scroll .el-scrollbar__wrap“问题
且听风吟的博客
02-12 8653
这两天要实现：页面滑出一页后，返回页面顶部的功能。 使用了 element-ui 返回顶部组件 el-backtop 却报错，如下图： 原因：组件都有默认参数，可以直接使用组件，不用传参数。 把代码放在最外层包裹元素里的第一个。 参考博客：http://www.fjkysq.com/blog/77.html/ ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浏览器翻译官~

你的励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值