React-router: type.toUpperCase non è una funzione

Question

quando ho primo ad utilizzare reagire-router, ma la pagina mi dà questo errore sotto

React-router: type.toUpperCase non è una funzione

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

non sembra nulla di sbagliato dal documento, qualcuno potrebbe aiutarmi?

in cui l'errore viene qui

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

Answer 1

cambiamento della richiedono dichiarazioni:

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

Answer 2

L'errore che hai postato è criptico, ma che cosa vuol dire è che si sta cercando di rendere un componente di una variabile che non è un componente reale. Ad esempio, si potrebbe fare questo e ottenere lo stesso tipo di errore:

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

Nel codice che hai postato, <Router> mappe per una variabile che è un modulo, non è un componente. È possibile risolvere il problema con una nuova dichiarazione variabile:

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

Stavo ottenendo lo stesso errore. Poi capisco che ho sbagliato durante l'esportazione dei miei componenti. In un componente ho scritto module.export invece di module.exports. Quindi, controlla se hai fatto lo stesso errore.

Answer 4

se si utilizza reagire-router v0.13.3 sostituire percorso r sulla Route, come questo:

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

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