Question

我创建了一个在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'));

我的index.html的一部分如下所示：

<body>

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

</body>

我在进入http://localhost:9999/bundletje#/时收到上述错误。我该如何解决这个问题？

Answer 1

我怀疑你是在尝试首先使用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>

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

1 个答案: