React Router/History 无法解析“history/createBrowserHistory”

Question

我今天克隆了我的 React 项目，该项目在我的另一台 Mac 上运行良好。 然后我的路由器开始出现一些问题，尤其是历史记录。 我的history.ts中的代码是：

import createHistory from 'history/createBrowserHistory';

export default createHistory();

我的app.tsx是：

import React from 'react';
import { Route, Router, Switch, } from 'react-router-dom';
import { connect } from 'react-redux';

import history from '../history';

const App = (props: any) => {
    return (
        <div>
            <Router history={history}>
                <div>
                    <Header/>
                    <Route path="/" exact component={Home}/>
                    <Route path="/about" exact component={About} />
                    <Route path="/media" exact component={Media}/>
                    <Switch>
                        <Route path="/login" exact component={Login}/>
                        <PrivateRoute path="/menu" exact component={Menu} auth={props.isSignedIn} />
                        <PrivateRoute path="/create" exact component={PostCreate} auth={props.isSignedIn} />
                        <PrivateRoute path="/delete/:id" exact component={PostDelete} auth={props.isSignedIn}/>
                    </Switch>
                </div>
            </Router>
        </div>
    );
};

我试图将我的history.ts更改为：

import { createBrowserHistory } from "history";
export default createBrowserHistory();

没有成功，我也尝试更改为

import { createBrowserHistory, History } from "history";
const history: History = createBrowserHistory();
export default history

也没有成功，这很奇怪，因为我的应用程序几个月前运行良好。 我搜索了整个 Stack Overflow，似乎没有合适的解决方案。 任何帮助将不胜感激。

Answer 1

我已经解决了，我注意到没有创建createBrowserHistory.d.ts 。 可能是因为我的错误yarn install 。 我删除了项目并使用npm重新克隆并安装了库然后工作。