Uncaught Ошибка: _registerComponent (...): Target контейнер не является DOM элемент

Я создал компонент Reactjs работает в WebPack и выглядит следующим образом:Uncaught Ошибка: _registerComponent (...): Target контейнер не является 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'));

Часть моей index.html выглядит следующим образом:

<body> 

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

</body>

Я получаю ошибку см выше, когда идешь http://localhost:9999/bundletje#/. Как я могу это исправить?

источник

2017-02-09 bier hier

где вы указываете свой javascript? В теге головы, после тела, или что? –

В index.html нет тега скрипта. Я запускаю webpack-dev-сервер. –

Ур работает webpack dev сервер, но то, что он делает, это предоставить сервер на определенном порту, ничего больше, вам нужно включить создание пакета с помощью webpack, этот комплект будет тем, который содержит весь ваш код реакции, включая эту строку work: в теле. –

Я подозреваю, что вы пытаетесь использовать элемент 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>

источник

2017-02-10 00:05:10 ymz

Хорошо круто. У меня есть вопрос: как мне запустить производственную версию этого приложения в Windows? Мне не нужен webpack-dev-сервер? –

Это своего рода другой ответ. Короче говоря: начните копаться в [ReactNative] (http://facebook.github.io/react-native/). кроме того: если ** cool ** вы имеете в виду, что мое решение работает, тогда - пожалуйста! – ymz

Uncaught Ошибка: _registerComponent (...): Target контейнер не является DOM элемент

ответ

Смежные вопросы