反应路由器错误渲染错误

Question

我正在尝试使用新的 React 路由器 (v 1.0.0)，但出现以下错误：未捕获错误：不变违规：元素类型无效：需要一个字符串（用于内置组件) 或 class/function （对于复合组件）但得到： object.

在此代码行中：

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

知道会发生什么吗？

Answer 1

你可能在做

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';

反应路由器错误渲染错误

React Router Error Render Error

reactjs

webpack

react-router