connectedRouter 错误:在状态树中找不到路由器减速器，它必须安装在“路由器"下

问题描述

我是 React.js 的新手，正在设置基础项目时遇到了一个问题，即我的路由已更改但组件未加载.谷歌搜索后，我发现我需要使用 ConnectedRouter.设置 ConnectedRouter 时，我收到控制台错误:在状态树中找不到路由器减速器，它必须安装在路由器"下

I am new to React.js and was setting up base project at that I was getting one issue that my routing got changed but component doesn't load. After googling I found that I need to use ConnectedRouter. While setting up ConnectedRouter, I am getting console error: Could not find router reducer in state tree, it must be mounted under "router"

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { ConnectedRouter, connectRouter, routerMiddleware } from "connected-react-router";
import { Provider } from "react-redux";
import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
import createSagaMiddleware from 'redux-saga';
import loginReducer from "./store/reducers/login";
import { watchLogin} from "./store/sagas";
import { history } from '../src/shared/history';
import { push } from 'react-router-redux';



import './index.css';
import App from './App';

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const rootReducer = combineReducers({
    login: loginReducer
});
const routersMiddleware = routerMiddleware(history)
const sagaMiddleware = createSagaMiddleware();
const middlewares = [sagaMiddleware, routersMiddleware];

const store = createStore(
    connectRouter(history)(rootReducer),
    {},
    composeEnhancers(applyMiddleware(...middlewares))
);

sagaMiddleware.run(watchLogin);

const app = (
    <Provider  store={store}>
        <ConnectedRouter  history={history}>
            <App />
        </ConnectedRouter>
    </Provider>
);

ReactDOM.render(app, document.getElementById('root'));

推荐答案

为了帮助未来的灵魂解决这个问题，事实证明，根据链接的 github 讨论，history 的 5.0 版本code> 包导致了这个问题，降级到 4.10.1 版为我解决了这个问题.

For the sake of helping future souls with this issue, it turns out that according to the linked github discussions, that version 5.0 of the history package is causing the issue and downgrading to version 4.10.1 solves the problem for me.

npm install history@4.10.1

https://github.com/ReactTraining/history/issues/803

https://github.com/ReactTraining/history/issues/804

这篇关于connectedRouter 错误:在状态树中找不到路由器减速器，它必须安装在“路由器"下的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！