JSX元素类型'路由器'没有任何构造或呼叫签名

时间:2016-10-28 17:43:54

标签: typescript tsx

当使用react-router与typescript和webpack

时,我不断收到此错误

JSX元素类型'路由器'没有任何构造或呼叫签名。

这是我的路由器的配置方式

import * as React from 'react';
import * as Router from 'react-router';
import { Route, IndexRoute, hashHistory } from 'react-router';

const Temp = () => {
    return (
        <div>
            temp page.
        </div>
    );
};

export default (
    <Router history={hashHistory}>
        <Route path='/' component={Temp}>
        </Route>
    </Router>
);

我正在使用@ types / react-router - 2.0.38

如何避免此错误并使路由器正常工作?

1 个答案:

答案 0 :(得分:1)

所以...弄清楚我做错了,因为ReactRouter不是react-router中的默认导出。这使它工作

import * as React from 'react';
import { Router, Route, IndexRoute, hashHistory } from 'react-router';