Redux DevTools Extension을 내 react-redux 상점에 추가하는 방법은 무엇입니까?

Question

나는 나의 REDUX 저장소에 돌아 오는 DevTools로 크롬 확장 프로그램을 추가하려고하고 여기에 설명 해요 : 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; 
}; 

크롬의 확장은 여전히 ​​보여주고있다 : "어떤 상점을 찾을 수 없습니다. 지침을 따르십시오. "

내가 뭘 잘못하고 있는지 아는 사람이 있습니까? 감사!

Answer 1

devtools는 작성해야합니다.

시도 :

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; 
};