无翼之雀的博客

1. 微前端架构介绍微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。考虑到qiankun作为蚂蚁的微前端架构，具备以下特点：①简单。微应用接入像使用接入一个 iframe 系统一样简单，但实际不是 iframe。②能力完备。几乎包含所有构建微前端系统时所需要的基本能力，如样式隔离、js 沙箱、预加载等。③健壮性值得信赖。在蚂蚁内外经受过足够大量的线上系统的考验及打磨。所以，选择qiankun去构建集成应用项目的微

一、问题描述antd pro项目开启qiankun作为主应用后，输入项目地址，我们会发现，我们看不到我们想要的页面，呈现在眼前的只是一个加载页，如下图：其实细心的人会发现，该页面存在滚动条，滚动下去即可看到项目当前路由的页面，只是加载页处于上方布局，一直存在不会消失而已。为什么会这样呢？看下图，我们会发现加载页和登录页挂载的dom节点并不一样。loading加载页挂载在id为“root”的dom节点下（antd pro默认挂载节点为root），而登录页挂载在id为“root-master

Error: Module “xxx“ does not exist in container. / antd pro v5启用qiankun报错 / 同时使用mfsu和qiankun报错终端报错如下：Uncaught (in promise) Error: Module "xxx" does not exist in container.while loading "xxx" from webpack/container/reference/mf