警告：失敗しましたpropType：無効な小道具「コンポーネントは、」「ルート」に供給

Question

私はブラウザ上で私のアプリを実行すると、私は私のコンソールに乗る：

「警告：失敗しましたpropType：無効な小道具 『コンポーネント』の供給'ルート'」

への私のroutesファイル：

import { Route, IndexRoute } from 'react-router'; 
import React from 'react'; 
import App from './container/App'; 
import PContainer from './container/PContainer/PContainer'; 
import PView from './container/PView/PView'; 

const routes = (
<Route path="/" component={App} > 
    <IndexRoute component={PContainer} /> 
    <Route path="/Posts View" component={PView} /> 
</Route> 
); 

export default routes; 

マイPVieワットのファイル：私はこのエラーを取得していますなぜ

import React, { Component, PropTypes } from 'react'; 
import { connect } from 'react-redux'; 

class PView extends Component { 

render() { 
    return (
    <div> 
    <h1>List of Posts</h1> 
    </div> 
); 
} 
} 

export default connect()(PView); 

誰も教えてもらえますか？

Answer 1

App、PContainer、およびPViewがすべて有効なReactコンポーネントであることを確認してください。モジュールのインポートとエクスポートをチェックします。エクスポートは "default"でなければなりません。そうでない場合は、名前付きインポートを使用する必要があります：import {somecomp} from './somecomp'。コンポーネントへのルートを確認してください。

あなたのルートはちょっと変わっています：'./container/PContainer/PContainer'と'./container/PView/PView'です。あなたはPContainerとPVIEWのフォルダを持っていない場合

多分それは、'./container/PContainer'と'./container/PView'でなければなりません。