陣營路由器：type.toUpperCase不是一個函數

Question

當我第一次使用反應的路由器，但頁給我下面

這個錯誤進行響應路由器：type.toUpperCase不是一個函數

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

var Route = Router.Route; 

var App = React.createClass({ 

    render: function() { 
    return (
     <div>App</div> 
    ); 
    } 
}); 

React.render((
    <Router> 
    <Route path="/" component={App} /> 
    </Router> 
), document.getElementById('app')); 

從文檔看來沒有錯，有人可以幫我嗎？

其中的錯誤來這裏

function autoGenerateWrapperClass(type) { 
    return ReactClass.createClass({ 
     tagName: type.toUpperCase(), 
     render: function() { 
     return new ReactElement(
      type, 
      null, 
      null, 
      null, 
      null, 
      this.props 
     ); 
     } 
    }); 
    } 

Answer 1

變化的需要聲明：

var React = require('react'); 
var ReactRouter = require('react-router'); 
var Router = ReactRouter.Router; 
var Route = ReactRouter.Route; 

Answer 2

您發佈的錯誤是神祕的，但它的意思是你想呈現一個組成部分，變量的那不是一個真正的組件。例如，你可以這樣做，並得到同樣的錯誤：

render: function() { 
    var Thing = {}; // not a component 
    return <Thing />; // same error 
} 

在您發佈，<Router>映射到一個變量，它是一個模塊，而不是一個組件的代碼。你可以用一個新的變量聲明修復它：

var React = require('react'); 

var routerModule = require('react-router'); 
var Router = routerModule.Router; // component 

var Route = routerModule.Route; 

var App = React.createClass({ 

    render: function() { 
    return (
     <div>App</div> 
    ); 
    } 
}); 

React.render((
    <Router> 
    <Route path="/" component={App} /> 
    </Router> 
), document.getElementById('app')); 

Answer 3

我得到了同樣的錯誤。然後我發現在導出組件時我犯了錯誤。在一個組件中，我寫了module.export而不是module.exports。所以，請檢查你是否犯了同樣的錯誤。

Answer 4

如果使用反應路由器v0.13.3 在路線， 這樣的替代路線[R：

var routes = (
    <Route> 
    <Route path="/" component={App} /> 
    </Route> 
); 

Router.run(routes, function(Root) { 
React.render(<Root />, document.getElementById('app')); 
});