如何将 Redux DevTools 扩展添加到我的 react-redux 商店? [英] How to add Redux DevTools Extension to my react-redux store?

问题描述

我正在尝试将 Redux DevTools Chrome 扩展添加到我的 redux 商店并在此处进行描述:http://extension.remotedev.io/

I'm trying to add the Redux DevTools Chrome extension to my redux store and described here: http://extension.remotedev.io/

这是我的商店:

let store;

const initStore = ({onRehydrationComplete}) => {

  store = createStore(
    combineReducers({
      ...reactDeviseReducers,
      form: formReducer,
      router: routerReducer,
      apollo: apolloClient.reducer(),
      cats: catReducer
    }),
    {},
    compose(
      applyMiddleware(
        thunk,
        routerMiddleware(history),
        apolloClient.middleware()
      ),
      autoRehydrate()
    ),
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
  );

  persistStore(store, {
    blacklist: [
      'form'
    ]
  }, onRehydrationComplete);

  return store;
};

Chrome 中的扩展程序仍在显示:

The extension in Chrome is still showing:

未找到商店.请务必按照说明进行操作.

No store found. Make sure to follow the instructions.

知道我做错了什么吗?

推荐答案

devtools 需要在你的 compose 中.

The devtools needs to be within your compose.

试试:

let store;

const initStore = ({onRehydrationComplete}) => {

  store = createStore(
    combineReducers({
      ...reactDeviseReducers,
      form: formReducer,
      router: routerReducer,
      apollo: apolloClient.reducer(),
      cats: catReducer
    }),
    {},
    compose(
      applyMiddleware(
        thunk,
        routerMiddleware(history),
        apolloClient.middleware()
      ),
      autoRehydrate(),
      window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
    )
  );

  persistStore(store, {
    blacklist: [
      'form'
    ]
  }, onRehydrationComplete);

  return store;
};

这篇关于如何将 Redux DevTools 扩展添加到我的 react-redux 商店?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！