Реагировать на маршрутизатор, не отображающий историю браузера

Я изучаю это tutorial, но я продолжаю получать эту ошибку:

"response-router" не содержит экспорт с именем "browserHistory".

В файле с параметром-маршрутизатором:

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')
);

Ответ 1

browserHistory вам нужно получить browserHistory из модуля истории.

import createHistory from 'history/createBrowserHistory'

Обратите внимание, что они недавно изменили API модуля, поэтому, если вы используете последнюю версию, импорт немного изменился:

import { createBrowserHistory } from 'history'

Ответ 2

У меня была такая же проблема, и я потратил пару дней, чтобы понять это. Эта ошибка происходит просто потому, что у реактивного маршрутизатора v4 нет browserHistory (я не знаю, хорошо это или нет, хотя). Я решил проблему, установив v3 следующим образом:

npm install [email protected] --save

Ответ 3

Вы используете версию 4 реактивного маршрутизатора.

Перейдите на более раннюю версию пакета или следуйте инструкциям в этом SO ответе, чтобы он работал с версией v4.

Ответ 4

Используйте версию 3 и установите снова как

npm install [email protected]

Вы будете работать.

Ответ 5

Простое решение

Способ 1:

npm install --save history

use this now:

import createHistory from 'history/createBrowserHistory'

метод: 2

Use Version 3  

npm install [email protected]