记一个联邦模块（ModuleFederationPlugin）在qiankun子应用中的问题

最新推荐文章于 2024-07-17 16:16:03 发布
最新推荐文章于 2024-07-17 16:16:03 发布
阅读量174 收藏
点赞数 2
文章标签： javascript webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69012379/article/details/139972113
版权

子应用a导出组件componentA，子应用b导出的组件componentB中使用了componentA，

在子应用a中使用componentB，componentB中的子组件componentA能正常渲染，但是里面的computer属性失效了；在子应用b中能正常渲染。

没有任何报错和提示......有遇到相同的问题的大佬吗

一米二五
关注
qiankun主应用注册子应用提示跨域，如何解决？？
**My Coding Family**
08-11 775
🏆本文收录于《CSDN问答解惑-专业版》专栏，主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！
关于qiankun框架加载子应用时出现的问题
最新发布
weixin_44745053的博客
08-21 748
关于qiankun框架访问静态资源出现的问题
微前端（qiankun,webpack5模块联邦）
qq_37179373的博客
02-14 707
1singleSpa vue 出现这个错误是因为node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 临时方案 export NODE_OPTIONS=--openssl-legacy-provider 总结 子应用 子应用独立运行 判断是不是在父应用 if(window.singleSpaNavigate){ __webpack_public_path__='http://.
umi+qiankun如何使用Webpack5 模块联邦题】
weixin_42114897的博客
05-02 3205
前言 官方文档：https://www.webpackjs.com/ 通过阅读文档，使用webpack 模块联邦有两个问题需要解决： 异步导入 react实例唯一，依赖共享 ​ 如果单纯在umi中使用模块联邦，可以使用umi插件的方式异步导入入口，依赖也可以使用shared来共享，但是这种方式在qiankun下使用会不兼容，在此我们主要说下umi+qiankun的思路， 对umi插件有兴趣可以翻下之前发的一个umi的文章 思考： 1、异步导入如何解决？ ​ 如果了解qiankun会知道，
微前端从零到剖析qiankun源码 -- Module Federation的玩法！
weixin_49842025的博客
03-31 389
我们再用一张图说明一下容器和主机（host）的关系使用模块联邦，每个部分将是一个单独的构建， 这些构建被编译为容器容器可以被应用程序或其他容器引用在这种关系中，容器是远程的，容器的使用者是主机远程可以将模块公开给主机可以使用此类模块,它们被称为远程模块通过使用单独的构建，我们可以获得整个系统的良好构建性能一个被引用的容器被称为remote, 引用者被称为hostremote暴露模块给hosthost则可以使用这些暴露的模块，这些模块被称为remote模块。
微前端父子应用及兄弟应用间组件或方法共享方案
Alice_124的博客
07-17 918
不同的方案有各自的特点，需要根据具体的应用场景和需求进行权衡。
微前端qiankun使用+踩坑
wyh666csdn的博客
07-15 7944
首先，qiankun并不是单一个框架，它在基础上添加更多的功能。以下是qiankun提供的特性实现了子应用的加载，在原有single-spa的JSEntry基础上再提供了HTMLEntry样式和JS隔离更多的生命周期子应用预加载全局状态管理全局错误处理。............
初识微前端
自洽而内求
05-06 1188
微前端是一种软件架构模式，旨在解决大型前端应用程序开发和维护中的复杂性问题。它将前端应用程序拆分成更小的、独立的部分，每个部分可以由不同的团队开发、测试、部署和维护。这些独立的部分可以是单独的应用程序或者功能模块，它们可以独立开发和部署，但最终集成到一个统一的用户界面中。
qiankun-example::rocket: qiankun实战demo，父应用vue，子应用用react和vue
05-08
7. **错误处理**：配置错误捕获机制，确保在子应用出错时，不影响主应用的正常运行。 通过这个示例，我们可以学习到如何在实际项目中有效地运用qiankun，理解微前端的架构思想，以及掌握不同技术栈应用间的协同工作...
micro-application:qiankun微前端，子应用pdf转图片项目
03-16
包含了一个子应用： pdf转图片子应用 ＃主应用就是一个建筑物 ＃安装在三个目录下分别运行 npm i ＃开发在三个目录下分别执行 npm run dev ＃部署 先后执行 node vue-pdf-server.js node main-server.js
webpack5 模块联邦（ModuleFederationPlugin）
weixin_43019353的博客
08-03 1633
模块联邦是webpack5的一个新特性，在运行时允许使用其他独立构建模块。通过模块联邦可以解决微前端依赖问题，对比npm库具有实时性的优势。
webpack高级应用篇（十三）：模块联邦（Module Federation）- 未来组件包更新解决方案
知之为知之，不知为不知
12-22 6396
Webpack 5 增加了一个新的功能 “模块联邦”，它让 Webpack 达到了线上 Runtime 的效果，让代码直接在项目 间利用 CDN 直接共享，不再需要本地安装 Npm 包、构建再发布了！它是未来多个项目更新组件包的新的解决方案！......
webpack5之模块联邦
阿祥_CSDN
03-03 3610
联邦模块是 webpack5 提供的一个新特性，它是通过 webpack 原生提供的 ModuleFederationPlugin 插件来实现的。 联邦模块主要是用来解决多个应用之间代码共享的问题，可以让我们的更加方便的实现跨应用的代码共享。
module federation 深入了解
iqifenxia的博客
01-02 3685
　　 　　作者：0o华仔o0 　　出处：juejin/post/6927569428984889357 　　前言 　　最近，项目组在针对原来的老项目做技术栈升级工作，升级的主要内容是 react 和 antd。经过讨论，最后采取的技术方案是使用 qiankun 。具体实施方案为先基于 qiankun 构建一个主应用，然后再部署一个新的子应用，新的子应用使用最新版本的 react、antd 逐步重构老的业务，最后将新旧两个应用接入到主应用里面。 　　qiankun 是一个基于 single-..
webpack5模块联邦（Module Federation）使用教程，在vue2中使用
小硅壳的博客
05-17 4215
使用vue2组件，演示webpack5中模块联邦（Module Federation）的使用，以及如果优化依赖。
模块联邦实践
奇舞周刊
07-06 507
在聊模块联邦之前，我们先了解下在多个项目下，前端模块如何复用的跨项目模块复用方案1、npm 包包管理工具对于前端应用来说不可或缺，我们可以将模块上传到 npm 包，在需要的项目中引入，以此来复用一些公用模块。2、monorepomonorepo是一种将多个项目代码存放在一个仓库里的软件开发模式，monorepo 中所有的项目相互独立，但不同项目之间可以相互引用3、git submodulegit...
微前端（qiankun）中，主应用无法加载子应用的静态资源
weixin_44685906的博客
07-28 7951
微前端（qiankun）中主应用加载子应用资源
webpack联邦模块介绍及在dumi中使用问题整理
王亮的博客
07-27 1449
webpack联邦模块使用 Cannot read properties of null (reading 'useMemo') Error: Shared module is not available for eager consumption error - MFSU latest build error: AssertionError [ERR_ASSERTION]: dependence not found: xxxx 问题解决方案
关于对 Module Federation 的一些理解
Irinazz的博客
04-19 994
模块联邦是 2020 年 webpack 5 提出来的新功能。它是一个支持模块独立部署，跨多个项目动态共享的一种技术。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值