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

问题描述 投票:0回答:1

我面临以下错误,我没有解决同样的问题。我在Stack Overflow中为同一个问题找到了很多答案,但没有一个能帮我解决问题。

我使用的是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'))
javascript reactjs webpack babel babel-loader
1个回答
0
投票

我有这个问题因为我在webpack配置中添加了两次html-webpack-plugin。删除重复后问题得到解决。

© www.soinside.com 2019 - 2024. All rights reserved.