问题描述:
使用qiankun实现位前端,主应用和子应用1均使用create-react-app创建,子应用2使用vue-cli创建。在本地进行连调时,发现主应用链接子应用1时(react),如果主应用有修改,进行保存后,就会不断请求http://localhost:3001/20d42ab14fe602b52483.hot-update.json,请求结果为404,如下图:
解决方案:
在react子应用中的.env中增加WDS_SOCKET_PORT配置,代码如下:
PORT=3001
WDS_SOCKET_PORT=3001
附:
个人qiankun demo,目前除主应用和vue全局通信及部署部分,其他部分均已写完,对应介绍文章正在更新中......
github仓库(欢迎star):
https://github.com/wangliang101/qiankun-react-main
https://github.com/wangliang101/qiankun-react-sub
https://github.com/wangliang101/qiankun-vue-sub