React Router Error：Routeに無効なprop `component`があります

Question

ブラウザでアプリケーションを実行すると、コンソールに次のエラーが表示されます。

Warning: Failed propType: Invalid prop 'component' supplied to 'Route'.

私は現在、次の開発要件

react v0.14.8 react-router v2.3.0 Webpack v1.13.0 babel-loader v6.2.4 babel-core v6.7.7 babel-preset-es2015 v6.6.0 babel-polyfill v6.7.4 babel-preset-react v6.5.0 babel-register v6.7.2 babel-runtime v6.6.1

これは私のroutesファイルがどのように見えるかあるのバージョンを使用しています。

import {Route, IndexRoute} from '../node_modules/react-router'; 
import App from '../components/app'; 
import Dashboard from '../components/dashboard'; 
import UsersList from '../components/users/list'; 
import CoursesList from '../components/courses/list'; 

// Define routes 

const routes = (
    <Route path='/' component={App}> 
     <IndexRoute component={Dashboard}/> 
     <Route path='/dashboard' component={Dashboard} /> 
     <Route path='/users' component={UsersList} /> 
     <Route path='/courses' component={CoursesList} /> 
    </Route> 
); 

export default routes; 

アンこれは私のメインのjsが

import React from './node_modules/react'; 
import ReactDOM from './node_modules/react-dom'; 
import {Router, browserHistory} from './node_modules/react-router'; 
import routes from './configs/routes'; 
// Render 
ReactDOM.render(<Router history={browserHistory} routes={routes} />, document.getElementById("app")); 

どのように見えるか、このエラーがから来ることができますされ、どのように私はこの問題を解決するのですか？

Answer 1

あなたは

<Router history={browserHistory} >{routes}</Router> 

代わりの

<Router history={browserHistory} routes={routes} />