React lazy 加载偶尔出现白屏的情况

个人遇到的情况
项目在每次部署打包到web的时候,有些路由点击是会出现空白的情况,但是手动将页面刷新了一下又恢复正常了,查了很多情况主要原因是因为webpack在每次打包时都生成了新的文件名称和原来的文件不符合了导致找不到路由,后来尝试过在index.html 入口文件里禁止缓存,但是Nginx里还有修改禁止缓存,太麻烦而且禁止缓存也不好,第二是用了react的错误边界的功能去处理,发现也没起啥作用(可能是我写的不对),最后采用的是封装了一个工具函数在lazy的时候调用就可以了。

这是我的路由:


2. 我们只需要引入loaderComponent的这个函数就可以了,loaderComponent具体函数:

3.具体改这两个地方就ok了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容