浅谈qiankun.js（single-spa.js）实现原理

最新推荐文章于 2025-10-29 11:39:34 发布
原创 最新推荐文章于 2025-10-29 11:39:34 发布 · 587 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

这是一个关于信息技术领域的博客，讨论了各种编程语言、框架和开发工具的使用，涵盖了前端、后端、移动开发等多个方面，并提及了数据安全、AI处理和项目管理等关键话题。
精选资源
qiankun-simple-main-app-web:react微前端聚合系统（qiankun.js）
05-30
主系统：React + Antd + qiankun 子系统：Vue 演示地址 系统截图 主系统设计 框架搭建 系统基础搭建 // 脚手架创建基础代码 npx create-react-app simple-main-app-web // 暴露配置(能更好的优化webpack打包) npm ...
jquery.singlePageNav.min.js
03-09
jquery.singlePageNav.min.js单页面导航插件
微前端框架 之 single-spa
没有翅膀的我们，只是随便认为不能飞而已
06-08 1484
single-spa Single-spa 是一个将多个单页面应用聚合为一个整体应用的 JavaScript 微前端框架。 使用 single-spa 进行前端架构设计可以带来很多好处，例如: 在同一页面上使用多个前端框架 而不用刷新页面 (React, AngularJS, Angular, Ember, 你正在使用的框架) 独立部署每一个单页面应用 新功能使用新框架，旧的单页应用不用重写可以共存 改善初始加载时间，迟加载代码 项目实战 新建项目，文件名micro-frontend，在该目录下生成a
多应用集成框架qiankun.js
最新发布
jialiang808的博客
10-29 382
Qiankun 作为基于 Single-SPA 扩展的微前端框架，核心目标是解决多应用集成中的等问题。其底层逻辑围绕 “微应用标准化” 和 “主应用协调控制” 展开，通过一系列机制实现无缝集成。微前端的核心痛点包括：多技术栈共存、应用隔离（JS/CSS）、路由同步、生命周期管理、通信机制等。
quankunjs 乾坤js 加载子应用 报跨域 failed to fetch
qq_27007423的博客
11-19 5738
1.子应用路由丶路径配置错误 2.服务器子应用 端口没有开放
qiankun.js基本用法
jsPao的博客
09-26 1641
【代码】qiankun.js基本用法。
【微前端-Single-SPA、qiankun的基本原理和使用】
weixin_44273311的博客
06-25 1522
在实际项目中，随着日常跌倒导致的必然墒增，项目会越来越冗余不好维护，而且有时候微前端具有拆分和集成的特点，本文主要讲解主流的single-spa以及qiankun的基本原理和使用
微前端框架大对比：Qiankun、Single-SPA、Wujie 谁才是最佳选择？
一名热衷于技术的全栈开发者，专注于前端与后端的全面技术探索。在这里，我将分享我在技术领域的学习与成长，助力更多开发者的进步。
12-04 2741
微前端（Micro Frontend）是一种前端架构思想，灵感来源于微服务架构，旨在将大型前端应用拆分成多个独立的小型应用，每个小型应用由独立的团队负责开发、部署和维护。模块化开发：团队可以独立开发和发布各自的模块或应用，避免了单一应用带来的开发瓶颈。技术栈的独立性：不同团队可以使用不同的技术栈来开发自己的微前端应用，例如，一个团队使用 Vue，另一个团队使用 React。独立部署：每个微前端应用可以独立部署和发布，减少了开发周期和发布风险。
qiankun.js?v=0cc3c8e5:4009 Uncaught (in promise) Error: single-spa minified message #13: See https://single-spa.js.org/error/?code=13&arg=&arg=LOADING_SOURCE_CODE
03-20
好的，用户遇到了一个关于qiankun.js的错误，具体是single-spa的minified message #13。我需要先理解这个错误的原因和解决方法。首先，根据用户提供的链接，错误代码13对应的文档应该解释这个问题。我记得single-spa...
- Single-Spa如何加载、注册和管理子应用
偏执的小男孩儿
04-23 674
- Single-Spa如何加载、注册和管理子应用
Vue前端微服务报错
飞翔的小白
02-05 596
原因是：没有开始pms-transformation-operation-ui该项目
微前端架构实战中-single-spa篇
西岭老湿 的博客
04-26 1543
single-spa：https://zh-hans.single-spa.js.org/ 是一个实现微前端架构的框架。在 single-spa 框架中有三种类型的微前端应用：single...
Uncaught (in promise)解决方法
m0_73481765的博客
08-03 2万+
在开发环境中使用 Chrome 开发者工具。Chrome 开发者工具可以在 Console 面板中显示未被捕获的 Promise 异常，帮助我们找到异常的原因。错误表示在 Promise 中发生了异常，但是没有被捕获。处理 Promise 中的异常。在 Promise 链式调用中，可以使用。如果前面的 Promise 发生了异常，则会被后面的。处理 Promise 中的异常。错误的几种方法，可以根据具体情况选择适合自己的方式来解决问题。捕获异常，防止异常被抛出并且可以在捕获后进行处理。
解决：Uncaught (in promise) TypeError: Failed to fetch 的问题
热门推荐
狮子座的男孩
11-21 4万+
中文翻译：CORS 策略已阻止从源“.......”获取“.......”的访问权限：对预检请求的响应不通过访问控制检查：预检请求不允许重定向。解决方案：可能是 Chrome 浏览器版本的问题，因此将 Chrome 浏览器设置成。中文翻译：加载资源失败：net::ERR_FAILED。看到提示，肯定是 Chrome 浏览器 跨域。，就使用管理者权限继续操作；符号前面都有一个空格】符号前面都有一个空格】，应该就能解决该问题；若提示需要 管理者权限。
[qiankun] Failed to fetch has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header
qubes的专栏
10-11 5885
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
[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 中识别出其导出的生命周期
使用 qiankun 集成应用时，出现的部分错误及解决方案
zlfjavahome的专栏
09-27 1万+
使用 qiankun 集成应用时，出现的部分错误及解决方案
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值