React.js不明なエラー：_registerComponent（...）：ターゲットコンテナはDOM要素

Question

ではありませんこんにちは、私はこのエラーを取得しています：

main.js:808 Uncaught Error: _registerComponent(...): Target container is not a DOM element.

私はthis questionを訪問してきたが、私は何を把握することはできません私がやっていることに間違っている。

routes.js：ここ

は、私が今持っているコードです

export default ( 
    <Route path="/" component={App}> 
    <IndexRoute component={HomePage} /> 
    </Route> 
); 

app.js

const store = configureStore(); 

render(
    <Provider store={store}> 
    <Router history={browserHistory} routes={routes} /> 
    </Provider>, 
    document.getElementById('app') 
); 

homepage.js

class HomePage extends React.Component { 
    render() { 
    return (
     <div id="app"> 
     Hello 
     </div> 
    ); 
    } 
} 

export default HomePage; 

私は何かを簡単に見逃していると思うが、私はそれが何であるか分からない。私は他の質問の回答にマッチするようにコードを修正しようとしましたが、うまくいきませんでした。何か助けてくれてありがとう

Answer 1

エラーは、document.getElementById('app')操作では、ページ文書内で対応するhtmlノードが見つかりませんでした。 index.htmlに<div id="app"></div>を直接作成する必要があります。document.getElementById('app')が見つかりました。あなたの<div id="app">のHomePageコンテナは、リアクションアプリの初期化中にDOMで使用できないため、無意味です。また

、バンドルを使用して<script>を注入するようにしてくださいは、（bodyタグの終わりまで<script>が安全であることをことを注入）<div id="app"></div>後にアプリを反応します。