javascript - 无法摆脱 Uncaught Error : _registerComponent(. ..):目标容器不是 DOM 元素

标签 javascript reactjs webpack

这不是一个新问题,其他用户也报告过,问题是我已经尝试了很多解决方案,但我无法摆脱这个错误,奇怪的是它不会在运行时造成任何问题应用程序,一切正常,那么为什么它会抛出错误,一定是对应用程序造成了一些损害,我无法弄清楚。

以下是我尝试过的方法,但没有效果

  1. <script src="/bundle.js"></script> 放在 </body> 标记的末尾,在 </body> 标记内的 </html> 标记之后。

  2. 添加了 type="text/javascript",这是解决方案之一。

  3. async 标记中添加了 <script>

此外,我已将 webpack 从版本 1 升级到最新版本,并且遇到了此错误,我很容易得出结论,webpack 有一些错误或其他什么?

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

Uncaught Error: _registerComponent(...): Target container is not a DOM

element. at invariant (12:44) at Object._renderNewRootComponent

(369:310) at Object._renderSubtreeIntoContainer (369:401) at

Object.render (369:422) at eval (729:78) at Object.

(bundle.js?61622f7508eae70357c3:4906) at webpack_require

(bundle.js?61622f7508eae70357c3:20) at Object.

(bundle.js?61622f7508eae70357c3:4562) at webpack_require

(bundle.js?61622f7508eae70357c3:20) at

bundle.js?61622f7508eae70357c3:63

我在 webpack 问题跟踪器 here 中报告了同样的问题

我的 index.htmlrender 函数如下所示

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')
);

感谢您的帮助..

最佳答案

也许您应该检查您的 MainApp 组件,例如它的渲染函数。

关于javascript - 无法摆脱 Uncaught Error : _registerComponent(. ..):目标容器不是 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46139552/

相关文章:

javascript - 在 React Native 中管理字符串的最佳方法

reactjs - URI错误: Failed to decode param '/%PUBLIC_URL%/WEBPACK

node.js - 错误development is not Defined错误与react-hot-loader v3和webpack-hot-middleware

javascript - 提交后重置 HTML 表单

javascript - 如何相对于浏览器窗口定位 DIV?

reactjs - 如果单个数据发生变化,React 会重新渲染组件吗?

laravel - 找不到模块 : Error: Can't resolve 'fs'

javascript - Adobe AIR - 在新创建的窗口上使用 EventListener 的正确方法是什么?

javascript - 如果我使用 jquery mobile 提交表单,页面会变形

reactjs - react : Syntax for calling setState in Switch Return