Javascript 未捕获错误：_registerComponent（…）：目标容器不是DOM元素_Javascript_Windows_Reactjs_Dom_Webpack Dev Server

Javascript 未捕获错误：_registerComponent（…）：目标容器不是DOM元素

javascript windows reactjs dom

Javascript 未捕获错误：_registerComponent（…）：目标容器不是DOM元素,javascript,windows,reactjs,dom,webpack-dev-server,Javascript,Windows,Reactjs,Dom,Webpack Dev Server,我创建了一个运行在webpack中的Reactjs组件，如下所示： class Application extends React.Component { render() { //debugger console.log('hi there') return <div> <h1>hello world</h1> </div>; } } /*

我创建了一个运行在webpack中的Reactjs组件，如下所示：

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>

类应用程序扩展React.Component{
render（）{
//调试器
console.log（'hi there'）
返回
你好，世界
;
}
}
/*
* 
*/
ReactDOM.render（.I如何修复此问题？
我怀疑在创建根元素之前，您正在尝试使用它。也许您应该尝试：
<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>


类应用程序扩展了React.Component{
render（）{
//调试器
console.log（'hi there'）
返回
你好，世界
;
}
}
ReactDOM.render（，document.getElementById（'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>


类应用程序扩展了React.Component{
render（）{
//调试器
console.log（'hi there'）
返回
你好，世界
;
}
}
ReactDOM.render（，document.getElementById（'root'））；
您在哪里包含javascript？在头标记中，在正文之后，还是什么？index.html中没有脚本标记。我正在运行webpack dev server。您正在运行webpack dev server，但它所做的是在特定端口上提供一个服务器，除此之外，您必须包含由webpack创建的包，此包将是包含您所有的react代码，包括这一行它将起作用：在body中。您知道localhost是本地的…它可以以这种形式使用-仅从您的pc中使用！您在哪里包含javascript？在head标记中，在body之后，还是什么？index.html中没有脚本标记。我正在运行webpack dev server。您正在运行webpack dev server但它所做的是在特定端口上提供一个服务器，除此之外，您必须包括由webpack创建的捆绑包，该捆绑包将包含您所有的react代码，包括这行代码，它将工作：在body中。您确实了解localhost是本地的…它可以以这种形式使用-仅从您的pc上使用！好的，很酷。我有一个问题：如何在windows中运行此应用程序的生产版本？我不需要webpack dev server，对吗？这是一种不同的答案..简而言之：开始挖掘。此外：如果“酷”是指我的解决方案有效，那么-不客气：）好的，酷。我有一个问题：如何在windows中运行此应用的生产版本？我不需要webpack开发服务器，对吗？这是一种不同的答案。简言之：开始挖掘。此外：如果“酷”是指我的解决方案有效，那么-不客气：）