reactjs - 未捕获在状态树中找不到路由器 reducer ，它必须安装在 "router"下

Question

React 路由器工作正常。但是如果我添加 <Redirect>或调用<Link> ，我有这个异常(exception):

未捕获在状态树中找不到路由器 reducer ，它必须安装在“路由器”下

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,
    });

store.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

检查 history文档。如果您使用的是 react-router-dom@5.x.x，那么您应该使用 history@4.10.1，因为最新版本的 history (v5) 仅适用于 react-router-dom@6.x.x