Javascript 反应路由器不显示浏览器历史记录
我从中吸取了教训,但我不断地犯下这样的错误: “react router”不包含名为“browserHistory”的导出 已创建的文件如下所示:Javascript 反应路由器不显示浏览器历史记录,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我从中吸取了教训,但我不断地犯下这样的错误: “react router”不包含名为“browserHistory”的导出 已创建的文件如下所示: import React from 'react'; import ReactDOM from 'react-dom'; import { Router, browserHistory } from 'react-router'; import routes from './routes'; ReactDOM.render( <Route
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')
);
从“React”导入React;
从“react dom”导入react dom;
从“react Router”导入{Router,browserHistory};
从“./routes”导入路由;
ReactDOM.render(
,
document.getElementById('root'))
);
您现在需要从模块中获取浏览器历史记录
import createHistory from 'history/createBrowserHistory'
请注意,他们最近更改了模块API,因此,如果您使用的是最新版本,则导入略有更改:
import { createBrowserHistory } from 'history'
您正在使用react路由器的第4版
降级软件包或按照本文中的说明使其能够与v4一起工作 我也有同样的问题,我浪费了几天时间来解决它。发生此错误的原因很简单,因为react router v4没有browserHistory
(我不知道这是不是一件好事)。我通过如下方式安装v3解决了这个问题:
npm install react-router@3 --save
简单解
方法1:
npm install --save history
use this now:
import createHistory from 'history/createBrowserHistory'
方法:2
Use Version 3
npm install react-router@3
我已经解决了这个问题。只需安装最新的react路由器组件。有关更多信息,请阅读以下文章。
使用
你可以参考这个链接,因为它已经有了答案。你检查过github吗?我认为,您使用的是最新版本的React router,它不包含export browserHistory,与其降级到较低版本,不如更改代码以使用最新版本检查这些文档:
import browserHistory from "history/createBrowserHistory";
const routermiddleware = routerMiddleware(browserHistory());
const history = syncHistoryWithStore(browserHistory(), store);