服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储
文章 2772 0 0 0
发布时间:2020年04月10日

概述

在使用react+next.js+antd+redux-persist持久化存储的时候,会做权限功能,但是服务端有些东西跟前端不匹配就会出现各种报错,坑的地方比较多,而且还找不到很好的解决方法,这就是轮子破了都找不到补轮胎的人,作为补轮胎的人在此记录坑的原因及解决方法:

报错redux-persist failed to create sync storage. falling back to ”noop" storage (redux persist无法创建同步存储。回到“noop”存储),我们很蒙蔽会找redux的问题,还有各种交流网站上跟react开发的react-native的连贯问题,但是发现跟着写也没有解决,在回退到原始找寻路径,我们去了官网的git上的issues上我们找到了蛛丝马迹如图

英文展示

服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

中文翻译

服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

看到这里我们恍然大悟,这是服务端跟浏览器端的不同步造成的,我们对环境进行了判断,让存储发生在浏览器端!

没有判断有警告(redux-persist failed to create sync storage. falling back to noop storage.)我们看到的源代码是如下图

服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

加了判断我们的源代码就是这样的如下图,成功的解决了我们的问题,点个赞,谢谢这些大佬,解决我困扰一天的问题!

服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

评论专区