一、问题描述
antd pro项目开启qiankun作为主应用后，输入项目地址，我们会发现，我们看不到我们想要的页面，呈现在眼前的只是一个加载页，如下图：
其实细心的人会发现，该页面存在滚动条，滚动下去即可看到项目当前路由的页面，只是加载页处于上方布局，一直存在不会消失而已。为什么会这样呢？看下图，我们会发现加载页和登录页挂载的dom节点并不一样。
loading加载页挂载在id为“root”的dom节点下（antd pro默认挂载节点为root），而登录页挂载在id为“root-master”的dom节点下（@umijs/plugin-qiankun插件默认挂载节点为root-master）。总体而言，产生上述问题的原因就在于，使用qiankun插件后，更改了页面要渲染到的dom节点位置。
二、解决方案
方案1：
修改document.ejs文件（src/pages/document.ejs），将id="root"改为id="<%= context.config.mountElementId %>"，即将id修改为config.ts 中的mountElementId，这样当mountElementId被修改后可以确保ejs存在该dom节点
方案2：
修改document.ejs文件（src/pages/document.ejs），将id="root"改为id="root-master"，并修改全局样式中的“#root”改为“#root-master”
方案3：
config.ts配置文件配置mountElementId，重新指定下 react app 渲染到的 HTML 元素 id。
mountElementId: 'root',
感谢您读完本文！如果本文对您有帮助，请点个赞呗，您的点赞是对我最大的支持和认可！
我的公众号：大前端教程，欢迎关注，会定期更新前端知识，希望能帮到您。