react.jsでルートを使用しているときに `Route`に与えられたprop 'component`が無効です

Question

これは私が得るエラーです： componentがRouteに供給されています。ここ

はここ

var React= require('react'); 
var ReactDOM= require('react-dom'); 
var routes=require('./config/routes') 

ReactDOM.render(
    routes, 
    document.getElementById('app') 
); 

は私routes.js

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


var Router=ReactRouter.Router; 
var Route=ReactRouter.Route; 
var IndexRoute=ReactRouter.IndexRoute; 

var Main=require ('../components/Main'); 
var Home=require ('../components/Home'); 

var routes=(

    <Router> 
     <Route path='/'component={Main}> 
      <Route path='/home' component={Home}/> 
      </Route> 
    </Router> 

); 

module.exports = routes; 

マイmain.js

var React= require('react'); 


var Main= React.createClass({ 
    render:function(){ 
     return(
      <div>Hello from main 
      {this.props.children} 
      </div> 


     ) 
    } 
}); 

module.exports = Main; 

とhome.js

var React= require('react'); 


var Home=React.createClass({ 
    render:function(){ 
     return(
      <div>Hello from home</div> 

     ) 
    } 
}); 

module.exports = Home; 

である私のindex.jsです

Answer 1

あなたは../components/Mainと書いてください。試してください../components/main。大文字と小文字が区別されると思います。 Home