Uncaught 在状态树中找不到router reducer，必须挂载在“router”下

Question

反应路由器工作正常。但是，如果我添加<Redirect>或调用 from <Link>，则会出现以下异常：

Uncaught 在状态树中找不到router reducer，必须挂载在“router”下

rootReducer.js：

    import { combineReducers } from 'redux';
    import { connectRouter } from 'connected-react-router';
    import counterReducer from './Counter/counter.reducer';
    import sidebarReducer from './Sidebar/sidebar.reducer';

    export default (history) => combineReducers({
        router: connectRouter(history),
        counter: counterReducer,
        sidebar: sidebarReducer,
    });

商店.js：

    import { createBrowserHistory } from 'history';
    import { applyMiddleware, compose, createStore } from 'redux';
    import { routerMiddleware } from 'connected-react-router';
    import createRootReducer from './rootReducer';

    export const history = createBrowserHistory();

    export default function configureStore(preloadedState) {
        const composeEnhancer = compose
        const store = createStore(
            createRootReducer(history),
            preloadedState,
            composeEnhancer(
                applyMiddleware(
                routerMiddleware(history),
            ),
        ),
    );

    if (module.hot) {
        module.hot.accept('./rootReducer', () => {
            store.replaceReducer(createRootReducer(history));
        });
    }

    console.log(store.getState());

    return store;
    }

Answer 1

检查历史文档。如果你使用 react-router-dom@5.xx 那么你应该使用 history@4.10.1 因为最新版本的 history (v5) 只适用于 react-router-dom@6.xx