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