如何将Redux DevTools Extension添加到react-redux商店?

时间:2017-05-24 16:35:07

标签: reactjs react-redux

我正在尝试将Redux DevTools Chrome扩展程序添加到我的redux商店,并在此处进行了描述: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中的扩展程序仍然显示:“找不到商店。请务必按照说明操作。”

知道我做错了什么吗?谢谢!

2 个答案:

答案 0 :(得分:5)

devtools需要在你的作品中。

尝试:

CacheLoader

答案 1 :(得分:0)

在compose中,你需要返回参数

compose( applyMiddleware(thunk, logger), window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : (args) => args, ),