将 Redux DevTools 添加到裸 React Native Proj

Question

我正在开发纯 React Native 项目，已在 Chrome 中安装并激活扩展 Redux DevTools。

当我的应用程序在模拟器上运行时，我转到 Chrome 浏览器 chrome://inspect -> 配置并选择要打开的调试器，但其中没有任何 Redux DevTools 选项卡。

如何解决这个问题？

在 Redux docs 中，我还检查了默认情况下

devtools

应为

true

，我的商店看起来像这样：

export const store = configureStore({
  reducer: persistedReducer,
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: false,
    }).concat(apiSlice.middleware),
});

Answer 1

首先确保您的 Chrome 浏览器中安装了 Redux DevTools 扩展并使用此代码。

导出常量存储=configureStore({ 减速器：persistedReducer， 中间件：（getDefaultMiddleware）=> 获取默认中间件({ 可序列化检查：假， }).concat(apiSlice.middleware), devTools: process.env.NODE_ENV !== 'product', // 在开发中启用 Redux DevTools });