[qiankun]Uncaught Error application ‘vue2‘ died in status LOADING_SOURCE_CODE [qiankun] You need t

最新推荐文章于 2024-04-10 10:49:42 发布
最新推荐文章于 2024-04-10 10:49:42 发布
阅读量7.7k 收藏 2
点赞数
分类专栏： 前端 html 面试 文章标签： webpack vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54849806/article/details/123080954
版权
面试 同时被 3 个专栏收录
119 篇文章 24 订阅
订阅专栏
前端
42 篇文章 4 订阅
订阅专栏
html
42 篇文章 0 订阅
订阅专栏

enviroment

主应用 vue-cli搭建
微应用1 vue+webpack
微应用2 umi3

error

启动主应用控制台报错
Uncaught Error: application ‘vue2’ died in status LOADING_SOURCE_CODE: [qiankun] You need to export lifecycle functions in vue2 entry

reason

qiankun 抛出这个错误是因为无法从微应用的 entry js 中识别出其导出的生命周期钩子。

resolution

参考 官方FAQ第一个问题

https://qiankun.umijs.org/zh/faq

微应用1的解决办法

在vue入口文件添加生命周期的钩子

在webpack打包配置添加如下webpack配置

繁华哟
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
qiankun微前端的搭建和问题总结
blingyun的博客
05-29 812
qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级。
qiankun框架: vue2 主应用访问子应用报错 [import-html-entry]:error occurs 或 died in status LOADING_SOURCE_CODE
热门推荐
风间琉璃c
02-09 2万+
控制台报错：Uncaught Error: application 'contractCenterApps' died in status LOADING_SOURCE_CODE: [qiankun]: You need to export lifecycle functions in contractCenterApps entry 或者 之类的错误，都可能是这个原因。 这个问题仅限vue2，即文件目录结构为： 这种的，vue3不会有这个问题，vue3直接在vue.con...
每天一个奇奇怪怪的问题（qiankun访问子应用时报application ‘xxx‘ died in status LOADING_SOURCE_CODE: [qiankun] You need ）
J20010905的博客
12-20 1123
刚开始以为是子应用的配置不对，疯狂搜索，搜出来都是关于vue子应用的。一顿操作猛如虎，配置完之后还是不行。脑瓜子都想破了 不想了 直接问大佬。然后再清下浏览器缓存就出来啦 哦耶。
使用 qiankun + vue3 搭建前端微服务遇到的问题
dalaojiyun的博客
06-14 2266
最后，在app.vue中router-view容器，就是子应用挂在的容器加了一个v-if的判断，只是默认不显示，onMounted 的时候显示，就解决这个问题了。翻译器解释为：当子应用创建时并未找到它需要挂在到哪里。简单讲就是，饭来了、碗没了。3、 子应用无法加载，而且不是每次必现，说是弱网环境更甚。可能方法有点糙，希望对有需求的小伙伴们有所帮助。1、registerApps 时间。3、nextTick 应用。2、start 启动时间。
Vue3 Application died in status LOADING_SOURCE_CODE: You need to export the functional lifecycles in
yangxun9264986的博客
09-20 4618
记录一下vue3qiankun踩坑报错如标题。
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
qiankun-微前端-vue2
08-15
qiankun是阿里开源的一款微前端框架，特别针对Vue.js 2.x进行了优化，同时也支持React和Angular等其他框架。qiankun提供了一套完整的解决方案，使得在主应用中管理和加载子应用变得非常便捷，从而帮助开发者构建大型...
基于vue 的qiankun
10-26
**基于Vue的Qiankun详解** 在现代前端开发中，单页面应用（SPA）已经非常常见，然而随着业务的复杂度增加，一个SPA可能不足以应对所有需求，这时候就需要引入微前端（Micro Frontend）的概念。Qiankun是阿里开源的...
qiankun-project_qiankun_umiqiankun_qiankun开发语言_乾坤这个名字_天堂_
09-29
【乾坤项目：qiankun与UMI的Micro Frontends实践】 在IT行业中，"乾坤"这个项目名称取自中国古代哲学中的概念，象征着天地、宇宙。在该项目中，"乾坤"代表了一种微前端（Micro Frontend）的实现方式，它基于阿里...
qiankun-demo:微前端
03-19
qiankun-demo:微前端
[qiankun]Uncaught Error: application ‘vue2‘ died in status LOADING_SOURCE_CODE: [qiankun] You need t
qubes的专栏
10-11 1万+
enviroment 主应用 vue-cli搭建 微应用1 vue+webpack 微应用2 umi3 error 启动主应用控制台报错 Uncaught Error: application ‘vue2’ died in status LOADING_SOURCE_CODE: [qiankun] You need to export lifecycle functions in vue2 entry reason qiankun 抛出这个错误是因为无法从微应用的 entry js 中识别出其导出的生命周期
application ‘xxx‘ died in status LOADING_SOURCE_CODE: [qiankun] You need to export lifecycle functio
前端一线搬运工的博客
06-28 1万+
微前端
qiankun 主子应用使用同一地址同一端口配置
最新发布
couch potato的博客
04-10 651
Unceugnt Error: application "xxxx' died in status LOADING_SOURCE_CODE: [qiankun]: You need to export lifecycle functions in xxxx entry
[qiankun] Failed to fetch has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header
qubes的专栏
10-11 5441
enviroment 微前端框架 qiankun error 控制台报错 single-spa.min.js?25a2:2 Uncaught TypeError: application ‘vue2’ died in status LOADING_SOURCE_CODE: Failed to fetch has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header reason 这个报错的意思是主应用需要拉取的子应用vue2
Application died in status LOADING_SOURCE_CODE: Cannot read properties of undefined (reading ‘meta‘)
weixin_46166330的博客
03-07 3809
Application died in status LOADING_SOURCE_CODE: Cannot read properties of undefined (reading 'meta')
微前端搭建记录
Beam
01-19 1815
主项目的搭建 一、创建主项目 vue create hello-main 二、安装qiankun npm install qiankun --save （注意：子项目无需安装qiankun） 其他常用组件的安装： npm install jsencrypt --save npm install element-ui --save npm install axios --save 三、创建vue.config.js配置对外访问的端口号 module.exports = { devServer: {
qiankun:application ‘vueApp‘ died in status NOT_MOUNTED: [qiankun]: Target container with #vue not
furfur-jiang的博客
07-28 8225
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> ...
application 'qiankun1' died in status LOADING_SOURCE_CODE: [qiankun]: Target container with #qiankun1 not existed while qiankun1 loading!
04-01
这个错误提示表明应用程序 'qiankun1' 在加载源代码时出现了问题。具体来说，错误信息中提到了一个名为 'qiankun1' 的目标容器不存在，导致应用程序加载失败。 可能的原因是： 1. 目标容器 '#qiankun1' 在加载应用...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值