反应路由器错误渲染错误答案

【问题标题】：React Router Error Render Error反应路由器错误渲染错误
【发布时间】：2015-10-29 13:53:34
【问题描述】：

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

在此代码行中：

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

知道会发生什么吗？

【问题讨论】：

乍一看，这看起来不错。你确定App 和About 被正确定义为React.Components 吗？
是的，这段代码看起来不错，你的问题出在 App 或 About
我们也可以查看您的导入/请求调用吗？

标签： reactjs webpack react-router

【解决方案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';

【讨论】：