您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

不变违规:_registerComponent(…):目标容器不是DOM元素

不变违规:_registerComponent(…):目标容器不是DOM元素

在执行脚本时,documentelement尚不可用,因为script其本身位于中head。虽然这是一个有效的解决方案,以保持scripthead和渲染的DOMContentLoaded情况下,它甚至不如

<html>
<head>
</head>
<body>
  <div id="root"></div>
  <script src="/bundle.js"></script>
</body>
</html>

并在中bundle.js致电:

React.render(<App />, document.getElementById('root'));

否则,body当React不期望时,各种第三方代码(Google字体加载器,浏览器插件等)都可以修改DOM节点,并导致难以跟踪和调试的奇怪错误阅读有关此问题的更多信息。

放在script底部的好处是,如果您将React Server渲染添加到项目中,则在脚本加载之前它不会阻止渲染。

其他 2022/1/1 18:18:33 有517人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶