Question

这不是一个新问题，也被其他用户报道，问题是我尝试了很多解决方案，但我无法摆脱这个错误，奇怪的是它不会导致任何问题运行应用程序，一切正常，然后它为什么抛出错误，必须对应用程序造成一些损害，我无法弄清楚。

以下是我尝试的内容，但没有任何作用

在<script src="/bundle.js"></script>标记内</body>标记之后，将</body>放在</html>标记的末尾。
添加了type="text/javascript"，这是解决方案之一。
在async代码中添加了<script>。

此外，我已将 webpack 从版本1升级到最新版本，然后我找到了这个错误，我很容易得出结论，webpack有一些bug或什么？

以下是我收到的错误堆栈..

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

元素。在Object._renderNewRootComponent
的不变量（12:44）
（369：310）在Object._renderSubtreeIntoContainer（369：401）

Object.render（369：422）at eval（729：78）at Object。

（bundle.js？61622f7508eae70357c3：4906）at webpack_require
     对象的
（bundle.js？61622f7508eae70357c3：20）。

（bundle.js？61622f7508eae70357c3：4562）at webpack_require

（bundle.js？61622f7508eae70357c3：20）

bundle.js 61622f7508eae70357c3：63

我在webpack问题跟踪器here

我的 index.html 和呈现功能看起来像这样

的index.html

<!DOCTYPE html>
<html>
  <head>
    <base href="<%= htmlWebpackPlugin.options.baseHref %>">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
  <body>
    <div id="root" class="container-fluid"></div>
  </body>
    <script type="text/javascript" src="/build.js"></script>
</html>

渲染

ReactDOM.render(
  <Provider store={store}>
    <MainApp />
  </Provider>
  , document.getElementById('root')
);

感谢您的帮助..

Answer 1

也许你应该检查你的MainApp组件，例如它的渲染功能。

Answer 2

可能是html标签不在DOM上，ng-app或ng -...（容器）出现了写入问题而且没有针对输出的dom？

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

2 个答案: