react-native - 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 的自定义开发客户端，您将需要重新构建应用程序。