Как запустить ReduX Devtools с помощью Redx Saga?

Question

Попытка запустить reduxdevtools с помощью redux saga:

Получение этой ошибки:

Error
Before running a Saga, you must mount the Saga middleware on the Store using applyMiddleware

Это мой jscode:

const store = createStore(
  reducer,
  applyMiddleware(sagaMiddleware),
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);

Как запустить этот devtoolс сагой?В качестве альтернативы, что будет работать в противном случае? codepen

Answer 1

Предыдущий ответ (от trkaplan) использует импортированный метод composeWithDevTools из пакета 'redux-devtools-extension'.Если вы не хотите устанавливать этот пакет, вы можете использовать этот код (на основе документов ):

      const composeEnhancers =  typeof window === 'object' && window['__REDUX_DEVTOOLS_EXTENSION_COMPOSE__'] ? 
      window['__REDUX_DEVTOOLS_EXTENSION_COMPOSE__']({ }) : compose;
      const enhancer = composeEnhancers(
        applyMiddleware(thunkMiddleware, sagaMiddleware, /*other middleware*/),
        /* other store enhancers if any */
      );
      const emptyReducer = () => {};
      const store = createStore(emptyReducer, enhancer);

Answer 2

Я использовал пакет redux-devtools-extension , как описано здесь, документация redux-devtools-extension .

После добавления пакета язаменил определение магазина следующим:

const store = createStore(
  reducer,
  composeWithDevTools(
    applyMiddleware(sagaMiddleware)
  )
);

Fixed Codepen Link