ReactJS версия 15.6.2: целевой контейнер не является элементом DOM - PullRequest
0 голосов
/ 06 июля 2018

Я столкнулся с ошибкой ниже, и мне не повезло, что я могу ее решить. Я выполнил множество ответов на одну и ту же проблему в переполнении стека, но ни один из них не помог мне решить проблему.

Я использую 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'))

1 Ответ

0 голосов
/ 06 июля 2018

У меня была эта проблема, потому что я дважды добавил html-webpack-plugin в конфигурацию webpack. Проблема была решена после удаления дубликатов.

...