反应路由器不显示浏览器历史记录答案

【问题标题】：React router not showing browser history反应路由器不显示浏览器历史记录
【发布时间】：2017-10-19 04:21:16
【问题描述】：

我正在从 tutorial 中学习，但我不断收到此错误：

“react-router”不包含名为“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')
);

【问题讨论】：

你可以参考这个链接，因为这里已经有答案了stackoverflow.com/questions/35063095/…
你查过github吗？ github.com/ReactTraining/react-router/issues/4732
我认为，您使用的是不包含导出浏览器历史记录的最新版本的 React-router，而不是降级到较低版本，最好更改您的代码以使用最新版本检查这些文档：reacttraining.com/react-router/core/guides/quick-start

标签： javascript reactjs react-router

【解决方案1】：

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

import createHistory from 'history/createBrowserHistory'

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

import { createBrowserHistory } from 'history'

【讨论】：

【解决方案2】：

我遇到了同样的问题，我浪费了几天时间来解决这个问题。发生此错误仅仅是因为 react-router v4 没有 browserHistory （我不知道这是否是一件好事）。我通过像这样安装 v3 解决了这个问题：

npm install react-router@3 --save

【讨论】：

【解决方案3】：

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

要么降级软件包，要么按照SO answer 中的说明使其与 v4 一起使用。

【讨论】：

【解决方案4】：

简单的解决方案

方法一：

npm install --save history

use this now:

import createHistory from 'history/createBrowserHistory'

方法：2

Use Version 3  

npm install react-router@3

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

import browserHistory from "history/createBrowserHistory";

使用

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

【讨论】：