2017-02-09 4 views
1

ではありません私はWebPACKの中で実行されているReactjsコンポーネントを作成し、次のようになります。私のindex.htmlの不明なエラー:_registerComponent(...):ターゲットコンテナはDOM要素

class Application extends React.Component { 
    render() { 
     //debugger 
     console.log('hi there') 
     return <div> 
      <h1>hello world</h1> 
     </div>; 
    } 
} 

/* 
* 
*/ 
ReactDOM.render(<Application />, document.getElementById('root')); 

パートは次のようになります。

<body> 

<div id="root"> 
</div> 

</body> 

http://localhost:9999/bundletje#/に行くと上記のエラーが表示されます。これをどうすれば解決できますか?

+0

あなたはあなたのジャバスクリプトを含みますか?頭のタグでは、体の後、または何ですか? –

+0

index.htmlにscriptタグはありません。私はwebpack-dev-serverを実行しています。 –

+0

urはwebpack devサーバーを実行していますが、特定のポートにサーバーを提供する以外は何もありません.Webpackでバンドルを組み込む必要があります。このバンドルはすべての反応コードを含むものです。作業内容:本文に

答えて

0

最初に作成する前にroot要素を使用しようとしていると思われます。多分あなたは試してみるべきです:

<body> 

<div id="root"> 
</div> 

</body> 
<script> 
    class Application extends React.Component { 
    render() { 
     //debugger 
     console.log('hi there') 
     return <div> 
      <h1>hello world</h1> 
     </div>; 
    } 
    } 

    ReactDOM.render(<Application />, document.getElementById('root')); 
</script> 
+0

Ok cool。私は質問がある:どのように私はWindowsでこのアプリの生産版を実行するのですか? webpack-dev-serverは必要ありませんか? –

+1

それは別の答えの一種です。短いです:[ReactNative](http://facebook.github.io/react-native/)について掘り下げ始めてください。さらに** cool **によって私のソリューションが動作することを意味するなら、あなたは大歓迎です:) – ymz

関連する問題