包含路由器后，React创建的元素类型无效

Question

当我添加反应路由器时，它会让我跟踪错误

这里是main.js

var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router');
var Route = require('react-router').Route;
var Home = require("./components/homePage");
ReactDOM.render(
    <Router >
        <Route component={Home} path="/"></Route>
    </Router>
    , document.getElementById('app'));

Homepage.js

var React = require('react');
var Home = React.createClass({
    render: function(){
        return (
            <div >
                <h1>Home</h1>
            </div>
        );
    }
});

module.exports = Home;

还有许多其他问题与同一问题有关，但没有一个问题涉及真正的问题或一般原因或原因。 其他答案表明使用react-router 4 alpha并且我尝试了beta4但仍然是同样的错误

Answer 1

您错误地导入了React Router组件，它应该是：

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

var Route = require('react-router').Route

Answer 2

有一个与你类似的问题，但是你不能说它是重复的，至少错误是same。

根据您使用的ES5语法，我猜您的示例已经过时了。尝试使用不同版本的React Router。

或者从一些新的ES6语法React Router示例开始。