Redux Router Uncaught TypeError：createHistory不是函数

Question

Redux路由器版本^ 2.1.2

react-router版本： "react-router": "^3.0.0"，历史记录版本："history": "^4.3.0"，

重现步骤

    import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware, compose } from 'redux';
import { Router, browserHistory } from 'react-router';
import { reduxReactRouter, routerStateReducer, ReduxRouter } from 'redux-router';
import reduxThunk from 'redux-thunk';
import { createHistory } from 'history';

import rootReducer from './core/rootReducer';
import routes from './core/routes';

import * as axios from './utils/axios.js';

import { AUTH_USER } from './authentication/types';

const store = compose(applyMiddleware(reduxThunk),
    reduxReactRouter({ routes, createHistory })
)(createStore)(rootReducer);

const token = localStorage.getItem('token');

if (token) {
    store.dispatch({ type: AUTH_USER });
}

ReactDOM.render(
    <Provider store={store}>
        <ReduxRouter>

            {routes}

        </ReduxRouter>
    </Provider>
    , document.querySelector('.main')
);

返回错误 index.js:34416 Uncaught TypeError: createHistory is not a function(…)

有什么办法吗？

---

更改import { createHistory } from 'history';为import createHistory from 'history/createBrowserHistory';

错误变成 Uncaught TypeError: history.getCurrentLocation is not a function

有什么想法吗？

Answer 1

我通过在package.json中指定历史记录的第3版来解决此问题

"history": "^3.0.0",

react-router 3.0.0将历史记录3.0.0指定为依赖关系，但是由于某种原因，它没有添加到node_modules中。但是将其显式添加到您自己的package.json中可以解决此问题。

我认为react-router 3.0.0尚未与历史记录v4兼容。我不确定为什么npm不遵守react-router v3.0.0 package.json中的依赖关系