[Error] 리액트 REDUX_DEVTOOLS_EXTENSION

ReferenceError: window is not defined

에러 발생 시 아래와 같은 방법을 사용

 

+ const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+ const store = createStore(reducer, /* preloadedState, */ composeEnhancers(
- const store = createStore(reducer, /* preloadedState, */ compose(
    applyMiddleware(...middleware)
  ));

 

리덕스 확장프로그램을 사용할 경우 발생하는 에러인데

window.__REDUX_DEVTOOLS_EXTENSION__ 를 사용중이라면 위 코드로 바꾸면 된다.

Extension이 있을 경우 compose 함수가 애초부터 다르다.

 

 

추가:

const composeEnhancers = typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

 

 

참고:

https://github.com/zalmoxisus/redux-devtools-extension/issues/320#issuecomment-285639448

https://github.com/zalmoxisus/redux-devtools-extension#12-advanced-store-setup