老师，帮忙看下这个报错原因是什么？不影响程序运行，但是想解决，是在添加persist后出现的。

Question

A non-serializable value was detected in an action, in the path: register. Value: ƒ register(key) {
pStore.dispatch({
type: constants__WEBPACK_IMPORTED_MODULE_1[“REGISTER”],
key: key
});
}
Take a look at the logic that dispatched this action: Object
type: "persist/PERSIST"
register: ƒ register(key)
rehydrate: ƒ rehydrate(key, payload, err)
proto: Object
(See https://redux.js.org/faq/actions#why-should-type-be-a-string-or-at-least-serializable-why-should-my-action-types-be-constants)
(To allow non-serializable values see: https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data)

Answer 1

阿莱克斯刘 2021-02-13 04:47:50

hello 新年快乐啊。你观察的非常仔细，这个问题是因为 Redux Toolkit 的中间件会深度检查状态树， 一旦检测到非序列化的数据则会报错。我们来看看redux tookit官网是怎么说的：https://redux-toolkit.js.org/api/getDefaultMiddleware

还记得课程中怎么描述redux-persist的数据保存方式吗？我们把数据以键值对的方式保存在local storage中，而真正储存的数据是stringfy以后的字符串，当我们需要使用的时候再把string从local storage中取出来，然后再转化为对象。既然保存的数据是string，所以会有这个报错。

• 改正方法：

在 getDefaultMiddleware 参数中设置 serializableCheck 为 false，报错就消失了。

祝你新年快乐、万事如意啊

• 提问者 文文文文礼 #1

  非常感谢！老师也新年快乐！给自己放个假哦

• 匆匆又夏天丶 #2

  感谢感谢

Answer 2

慕用4509656 2022-06-16 19:15:34

因为redux-persist定义的action中的payload包含函数类型, redux建议payload是可序列化的。直接忽略persist的type就可以消除这个报错