解决开发环境qiankun项目请求“Cannot GET /20d42ab14fe602b52483.hot-update.json”问题

问题描述:

使用qiankun实现位前端,主应用和子应用1均使用create-react-app创建,子应用2使用vue-cli创建。在本地进行连调时,发现主应用链接子应用1时(react),如果主应用有修改,进行保存后,就会不断请求http://localhost:3001/20d42ab14fe602b52483.hot-update.json,请求结果为404,如下图:

解决开发环境qiankun项目请求“Cannot GET /20d42ab14fe602b52483.hot-update.json”问题

 解决方案:

在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

上一篇:每天学点linux命令


下一篇:解决:react项目部署到服务器,刷新报“Uncaught SyntaxError: Unexpected token <“ 错误