>source

이전에 Redux-Logger를 사용했지만 모든 것이 잘되었지만 Redux-dev-Tools를 사용하려고 할 때이 코드를 추가하고 싶습니다. ‍‍

window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

작동하지 않으며 오류가 발생합니다.


  • 답변 # 1

    우선, redux dev 도구 문서를 읽는 것이 좋습니다. 그리고 나는 당신의 문제가 compose 기능을 사용하고 있지 않다고 생각합니다.

    아래와 같이 코드를 편집하십시오 :

    import { createStore, applyMiddleware, compose } from 'redux';
    import rootReducer from './reducers';
    const initialState = {};
    const middleware = [];
    const store = createStore(
      rootReducer,
      initialState,
      compose(
        applyMiddleware(...middleware),
        window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
      )
    );
    export default store;
    
    

    또는 Redax-dev-Tools 패키지를 설치하여 패키지 내부의 기능을 사용할 수 있습니다.

    npm install redux-devtools-extension

    또는 원사를 사용하는 경우 :

    yarn add redux-devtools-extension

    import { createStore, applyMiddleware } from 'redux';
    import { composeWithDevTools } from 'redux-devtools-extension';
    const store = createStore(reducer, composeWithDevTools(
      applyMiddleware(...middleware),
    ));
    
    

  • 이전 asp.net mvc - 컨트롤러에서 AJAX jQuery로 오류 반환
  • 다음 regex - 파이썬에서 마커 사이에 문자열 가져 오기