ReactJS 版本 15.6.2：目标容器不是 DOM 元素

Question

我遇到了以下错误，但我无法解决同样的问题。我在 Stack Overflow 中针对同一问题浏览了很多答案，但 none 帮助我解决了问题。

我正在使用 ReactJS v15.6.2、babel-loader 7 和 webpack 4.15.0

这是我的 index.html

<!DOCTYPE HTML>
<html>    
<head>
    <link href="https://fonts.googleapis.com/css?family=Cabin+Sketch" rel="stylesheet">
</head>    
<body>
    <div id="App">
        <!-- this is where the root react component will get rendered -->
    </div>
    <script type="javascript" src="/build/bundle.js"></script>
    <script type="javascript" src="https://use.fontawesome.com/80fe1399d9.js"></script>
    <script type="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> . 
    </script>
</body>
</html>

我的入门组件App.js

render(<Router history={browserHistory}>
<Route path="/" component={App} >

  </Route>
  <Redirect from='*' to='/404' />
</Router>, document.getElementById('App'))

Answer 1

我遇到这个问题是因为我在我的 webpack 配置中添加了两次 html-webpack-plugin。问题已解决 post 删除重复项。

ReactJS 版本 15.6.2：目标容器不是 DOM 元素

ReactJS version 15.6.2: Target container is not a DOM element

javascript

reactjs

webpack

babeljs

babel-loader