Flipper中的Redux插件不可用

chy5wohz  于 2023-10-19  发布在  其他
关注(0)|答案(3)|浏览(181)

我在Windows 10操作系统上使用React Native v0.65.1(React Native CLI)和Flipper桌面应用程序v0.114.1。在我的React Native应用程序中,我使用Redux工具包。尽我所能探索RN以上v0.62应该支持Flipper开箱即用,Redux工具包不要求额外的中间件配置为Flipper。
我尝试安装flipper-plugin-redux-debugger的npm包,什么都没有,Flipper中的Redux Debugger仍然不可用。
我的问题在哪里?

rdrgkggo

rdrgkggo1#

@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();
bq3bfh9z

bq3bfh9z2#

如果您使用的是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();

注意,如果您使用的是Custom Development Client from Expo,则需要重新构建应用程序。

jljoyd4f

jljoyd4f3#

如果上述解决方案不适用于任何人,请也尝试这一个,点击更多(设置图标)>添加插件,并搜索具有以下详细信息的插件,然后安装它

名称:redux-debugger
版本:2
描述:Flipper的Redux编程器

它为我工作,在此之前,我已经安装了错误的软件包,因为 * 他们是其他软件包与类似的名称,并没有得到维护 *

相关问题