React-router Uncaught TypeError：type.toUpperCase不是函數

Question

我正在使用最新版本的react，react-router，gulp和browserify 我在beowser console中得到了這個： Uncaught TypeError：type.toUpperCase不是功能

我的代碼在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

只要升級你的路由器版本反應從0.0.13到1.0.0-RC1（測試版）怎麼把下面的代碼將僅適用於1.0.0工作beta版本在change log中提到。

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

升級版本後，您必須像下面那樣正確聲明路由器。

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

現在路由器已經正確定義了。這對我來說很有效。試一試。