在 React Router DOM 的历史导入中未定义 createBrowserHistory

Question

我目前正在使用 React Router DOM v5。我的目标是创建一个历史对象，以便我可以在我的 redux 操作中操纵我的页面位置。在过去的项目中，我这样导入了createBrowserHistory 函数：

import createBrowserHistory from 'history/createBrowserHistory'

export default createBrowserHistory();

虽然我收到了弃用警告，但使用此设置：

Warning: Please use `require("history").createBrowserHistory` instead of `require("history/createBrowserHistory")`. Support for the latter will be removed in the next major release.

我将导入更改为：

import createBrowserHistory from 'history';

但此时createBrowserHistory 出现为undefined。我在这一点上不知所措。任何帮助将不胜感激。下面是我的yarn.lock 文件的样子：

react-router-dom@^5.1.2:
  version "5.1.2"
  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.1.2.tgz#06701b834352f44d37fbb6311f870f84c76b9c18"
  integrity sha512-7BPHAaIwWpZS074UKaw1FjVdZBSVWEk8IuDXdB+OkLb8vd/WRQIpA4ag9WQk61aEfQs47wHyjWUoUGGZxpQXew==
  dependencies:
    "@babel/runtime" "^7.1.2"
    history "^4.9.0"
    loose-envify "^1.3.1"
    prop-types "^15.6.2"
    react-router "5.1.2"
    tiny-invariant "^1.0.2"
    tiny-warning "^1.0.0"

Answer 1

试试

import history from 'history';
var createBrowserHistory = history.createBrowserHistory 

或

import { createBrowserHistory } from 'history';