反应路由器错误渲染错误

时间:2015-10-29 13:53:35

标签: reactjs webpack react-router

我正在尝试使用新的反应路由器(v 1.0.0),但我收到以下错误:未捕获错误:不变违规:元素类型无效:预期字符串(用于内置组件)或一个类/函数(对于复合组件)但得到:object。

在此代码行中:

ReactDOM.render((
  <Router>
    <Route path="/" component={App}>
      <Route path="about" component={About}/>
    </Route>
  </Router>
), document.body)

知道会发生什么事吗?

1 个答案:

答案 0 :(得分:0)

你可能正在做

var Router = require('react-router');

由于设置了导出方式,因此不能使用1.0预发行版。根据您启用的ES6选项,您必须执行以下操作之一:

var Router = require('react-router').Router;
var {Router} = require('react-router');
import Router from 'react-router'; // Works with ES6 import, not require().
import {Router} from 'react-router';