解决 Redux DevTools 无法序列化 BigInt 的问题

问题截图如下

可以在store.js中如下设置

import { configureStore } from '@reduxjs/toolkit' import balanceSlice from './slices/balanceSlice' //解决Redux DevTools导致报错添加的代码 const isDevToolsInstalled = typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__; //解决Redux DevTools导致报错添加的代码 const devToolsConfig = isDevToolsInstalled ? { serialize: { replacer: (key, value) => { if (typeof value === 'bigint') { return value.toString() + 'n'; } return value; } } } : false; const store = configureStore({ reducer: { balance: balanceSlice }, //解决Redux DevTools导致报错添加的代码 middleware: (getDefaultMiddleware) => getDefaultMiddleware({ serializableCheck: false, }), devTools: devToolsConfig }) export default store

保存后运行便不会再出现错误