javascript - React-router Uncaught TypeError: type.toUpperCase no es una función

reactjs gulp

Question

Estoy usando la última versión de reaccionar, reaccionar-enrutador, tragarse y buscar en el navegador. Obtuve esto en la consola beowser: UnEdge TypeError: type.toUpperCase no es una función

mi código en app.js:

"use strict";
var React = require(''react'');
var Router = require(''react-router'');
var Header = require(''./components/Header'');
var Index = require(''./components/Index'');
var About = require(''./components/About'')
var Route = Router.Route;
var IndexRoute = Router.IndexRoute ;
var App = React.createClass({
render: function(){
return (
<div>
<Header />
<div>
{this.props.children}
</div>
</div>
);
}
})
React.render(<Router><Route path="/" component={App}>
<IndexRoute component={Index}/>
<Route path="about" component={About}/>
</Route>
</Router>, document.getElementById(''app''));

Answer 1

Simplemente actualice su versión del router de reacción de 0.0.13 a 1.0.0-rc1 (beta) porque el código siguiente solo funcionará para la versión 1.0.0 beta que se menciona en el registro de cambios .

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

Después de actualizar la versión, debe declarar el enrutador como se indica a continuación.

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

Ahora el enrutador está definido correctamente. Esto funcionó para mí ... intentarlo.