初尝微前端-qiankun

118 阅读1分钟

由于最近需要开发一个包含很多模块的管理端,是和很多团队共同开发,老旧项目是使用iframe嵌入地址实现的,新项目架构最终决定采用qiankun,决定自己先学习了解下,记录遇到的问题。

qiankun官网

项目搭建是根据 # 基于 qiankun 的微前端最佳实践(万字长文) - 从 0 到 1 篇 一步一步来的。

遇到的问题:

1. 入口url配置错误

image.png

咱就说整个大写的尴尬,配置的微应用入口路径多了个空格。。。

image.png

2. 微应用加载后容器DOM节点不存在

image.png

这个问题的解决办法官网文档也描述的很清楚啦。# 解决方案

image.png

也可以修改子应用的index.html,将要挂载DOM的id命名为子应用唯一标识

image.png

未完待续。。。