React路由器未显示浏览器历史记录

时间:2017-05-19 06:47:39

标签: javascript reactjs react-router

我从这个tutorial学习,但我一直收到这个错误:

  

'反应路由器'不包含名为' browserHistory'。

的导出

具有react-router的文件是:

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, browserHistory } from 'react-router';
import routes from './routes';

ReactDOM.render(
  <Router history={browserHistory} routes={routes} />, 
  document.getElementById('root')
);

7 个答案:

答案 0 :(得分:23)

您现在需要从history模块获取browserHistory

import createHistory from 'history/createBrowserHistory'

请注意,他们最近更改了模块API,因此如果您使用的是最新版本,则导入会略有变化:

import { createBrowserHistory } from 'history'

答案 1 :(得分:5)

我遇到了同样的问题,我浪费了几天时间来解决这个问题。发生此错误只是因为react-router v4没有M = np.arange(12).reshape(3,2,2) x.reshape((-1,) + (1,)*(M.ndim - 1)) * M #array([[[ 0, 1], # [ 2, 3]], # [[ 8, 10], # [12, 14]], # [[24, 27], # [30, 33]]]) (我不知道这是不是一件好事)。我通过安装v3解决了这个问题:

browserHistory

答案 2 :(得分:3)

您使用的是react-router的版本4

要么降级软件包,请按照此SO answer中的说明进行操作,以使其适用于v4。

答案 3 :(得分:0)

使用版本3,然后重新安装

npm install react-router@3

您将启动并运行。

答案 4 :(得分:0)

  

简单解决方案

方法1:

 npm install --save history

use this now:

import createHistory from 'history/createBrowserHistory'

方法:2

 Use Version 3  

npm install react-router@3

答案 5 :(得分:0)

我已经解决了问题。只需安装最新的react-router组件。有关更多信息,请阅读以下文章。 https://www.developers-zone.com/best-react-router-example-in-react-application/

答案 6 :(得分:0)

import browserHistory from "history/createBrowserHistory";

使用

const routermiddleware = routerMiddleware(browserHistory());
const history = syncHistoryWithStore(browserHistory(), store);