当使用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
如何避免此错误并使路由器正常工作?
答案 0 :(得分:1)
所以...弄清楚我做错了,因为ReactRouter不是react-router中的默认导出。这使它工作
import * as React from 'react';
import { Router, Route, IndexRoute, hashHistory } from 'react-router';