这不是一个新问题,其他用户也报告过,问题是我已经尝试了很多解决方案,但我无法摆脱这个错误,奇怪的是它不会在运行时造成任何问题应用程序,一切正常,那么为什么它会抛出错误,一定是对应用程序造成了一些损害,我无法弄清楚。
以下是我尝试过的方法,但没有效果
将
<script src="/bundle.js"></script>
放在</body>
标记的末尾,在</body>
标记内的</html>
标记之后。添加了
type="text/javascript"
,这是解决方案之一。在
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.html 和 render 函数如下所示
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/