Flipper 中的 Redux Debugger 插件不可用

Question

我在 Windows 10 操作系统上使用 React Native v0.65.1 (React Native CLI) 和 Flipper 桌面应用程序 v0.114.1。在我的 React Native 应用程序中，我使用 Redux 工具包。据我所知，v0.62 以上的 RN 应该支持开箱即用的 Flipper，并且 Redux 工具包不需要为 Flipper 提供额外的中间件配置。

我尝试安装 Flipper-plugin-redux-debugger 的 npm 包，但什么也没有，Flipper 中的 Redux Debugger 仍然不可用。

我的问题出在哪里？

Answer 1

@Tymoxx 答案是正确的，我只是想强调不要在生产应用程序中启用调试器。修改为这个会有帮助

const createDebugger = require('redux-flipper').default; // <-- ADD THIS


const configureCustomStore = () => { 
  const rootReducer = combineReducers({});

  const store = configureStore({
    reducer: rootReducer,
    middleware: (getDefaultMiddleware) => __DEV__ ? 
    getDefaultMiddleware({ serializableCheck: false}).concat(createDebugger()) : 
    getDefaultMiddleware({
      serializableCheck: false}),
    });

  return {store};
};
    
export const {store} = configureCustomStore();

Answer 2

如果您使用的是Redux Toolkit，这就是添加 Flipper 的方法：

const createDebugger = require('redux-flipper').default; // <-- ADD THIS


const configureCustomStore = () => {
    const rootReducer = combineReducers({
        // ... YOUR REDUCERS
    });


    const store = configureStore({
        reducer: rootReducer,
        middleware: (getDefaultMiddleware) =>
            getDefaultMiddleware()
                .concat(createDebugger()), // <-- ADD THIS
    });

    return {store};
};

export const {store} = configureCustomStore();

请注意，如果您使用的是 Expo 的自定义开发客户端，则需要重建应用程序。