BrowserRouter 与打字稿反应

我在 Reactjs + 类型脚本中有简单的应用程序。 我正在尝试使用react-router-dom 中的BrowserRouter。

这是我的代码：

import * as React from "react"

import { Popular } from "./popular"

import { BrowserRouter as Router, Route } from "react-router-dom"

export interface AppProp {

}

export interface AppState {

}
export class App extends React.Component<AppProp , AppState > {

    render() {
        return (

            <div className='container'>
                <Router>
                    <Route path='/popular' component={Popular} />
                </Router>
            </div>
        )
    }
}

export default App

我收到以下错误：

[at-loader] 中的错误 ./node_modules/@types/react-router-dom/index.d.ts:55:25 TS2314：通用类型“组件”需要 2 个类型参数。

[at-loader] 中出现错误 ./src/components/app.tsx:25:18 TS2604：JSX 元素类型“路由器”没有任何构造或调用签名。

我在谷歌搜索但没有任何帮助。

有人有主意吗？

BR Nadav

看来是打字的问题

如果您使用的是 TypeScript 2.4.1，请确保您使用的是这些版本的 @types React。

"@types/react": "15.0.35",
"@types/react-dom": "15.5.1",