Redux 工具包报错Error: before running a Saga, you must mount the Saga middleware on the Store using applyMiddleware

Question

我正在使用 redux 工具包并收到此错误，这是我的商店设置，

import {  configureStore } from '@reduxjs/toolkit';
import { getDefaultMiddleware } from '@reduxjs/toolkit';
import counterReducer from './SlicesAndReducers';
import createSagaMiddleware from "redux-saga";
import rootSagaToolKit from './Sagas/SagaIndex'
import { applyMiddleware } from 'redux';
const sagaMiddleware = createSagaMiddleware();

const store = configureStore({
  reducer: {
    counter: counterReducer,
    middleware: [...getDefaultMiddleware({ thunk: false }),sagaMiddleware],
  }
});
sagaMiddleware.run(rootSagaToolKit);

export default store;

我已经检查了 Stackoverflow ，但没有找到任何解决方案

Answer 1

这条线应该移出减速器对象..middleware: [...getDefaultMiddleware({ thunk: false }),sagaMiddleware],..检查我下面的示例：

import { configureStore } from '@reduxjs/toolkit';
import { persistStore } from 'redux-persist';
import createSagaMiddleware from 'redux-saga';

import persistedReducer from './rootReducer';
import rootSaga from './rootSaga';

const sagaMiddleware = createSagaMiddleware();

export const store = configureStore({
  reducer: persistedReducer,
  middleware: getDefaultMiddleware =>
    getDefaultMiddleware({
      thunk: false,
      immutableCheck: false,
      serializableCheck: false
    }).concat(sagaMiddleware),
  devTools: process.env.NODE_ENV !== 'production'
});

export const persistor = persistStore(store);

sagaMiddleware.run(rootSaga);