Javascript

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

本文主要是介绍解决开发环境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,如下图:

 解决方案:

在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

这篇关于解决开发环境qiankun项目请求“Cannot GET /20d42ab14fe602b52483.hot-update.json”问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!