[react] Target container is not a DOM element

最新推荐文章于 2023-09-19 21:30:55 发布
原创 最新推荐文章于 2023-09-19 21:30:55 发布 · 2.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react.js

本文解析了JavaScript脚本在<head>中导致的'TargetcontainerisnotaDOMelement'错误，原因在于脚本依赖于DOM，解决办法是将脚本移到<body>底部。了解这个常见问题及其解决方案，提升前端开发效率。

error

控制台报错：Target container is not a DOM element

reason

js没找到dom节点，
原因是script引入的js代码在head里，先执行script脚本内容，
然后渲染dom节点，而js脚本需要用到dom节点，发现没找到，因此报错

solution

script引入的js代码从head中转移放在body的最下方

Target container is not a DOM element
游海东的技术专栏
05-24 7868
1、错误描述 2、错误原因 import React, {Component} from 'react'; import {render} from 'react-dom'; import Button from 'react-bootstrap/Button' const ProPic = (props) => { return ( <img src={'http:...
「React源码分析」七. React DOM之Root根节点操作分析
u012922190的博客
11-14 1342
2021SC@SDUSC
Target container is not a DOM element报错解决（react）
weixin_61185298的博客
03-29 2931
Target container is not a DOM element报错解决
Error: Target container is not a DOM element.
weixin_45522047的博客
04-13 1万+
作为一个React小白，今天我尝试照着官网页面上的小例子做一些练习。在练习过程中遇到了这么一个问题，错误见下图。 之所以会报这个错误是因为，我在index.js文件中将“elementId”自定义了。 解决方法： 如果想要自定义elementId，需要同时修改index.html 文件中主dom节点的id。 ...
React:Target container is not a DOM element
weixin_30820077的博客
06-09 1044
照着 http://www.css88.com/react/docs/thinking-in-react.html 码了代码，保存文件，浏览器刷新后提示： Target container is not a DOM element 搜索得知“就是一个找不到DOM节点的问题，用jQuery的domReady或者直接把js文件放到页面最后就好了。” 奇怪啊，此前按教程来，一切正常呢！ 想想...
Uncaught Error: _registerComponent(...): Target container is not a DOM element
AI天才研究院
12-11 1万+
Uncaught Error: _registerComponent(...): Target container is not a DOM element &lt;script type="text/babel"&gt; var SessionPage = React.createClass({ getInitialState:...
报错react-dom.development.js:49 Uncaught Invariant Violation: Target container is not a DOM element.
07-11
这个错误通常发生在 React 应用中，意味着目标容器不是一个 DOM 元素。这可能是由于以下原因之一导致的： 1. 目标容器不存在：请确认你的 HTML 文件中是否存在一个与你在 React 组件中指定的容器元素相匹配的 DOM ...
react-dom.development.js:29345 Uncaught Error: createRoot(...): Target container is not a DOM element.
06-07
import ReactDOM from "react-dom"; function App() { return <h1>Hello World!; } // 通过 ID 选择器获取目标元素 const rootElement = document.querySelector("#root"); // 使用 createRoot 进行挂载 ...
: Error in setup: "Error: Target mount container is not a DOM element"
最新发布
12-12
错误信息“Error: Target mount container is not a DOM element”表明代码试图将组件挂载到一个不存在的DOM元素上。以下是一些可能的原因和解决方法： ### 可能的原因 1. **DOM元素不存在**：代码中指定的挂载点...
[React Error]: Target container is not a DOM element
热门推荐
Muge
08-01 2万+
webpack在后端对React组件进行渲染的时候，浏览器控制台报错：compose.js:822 Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element.我很奇怪，webpack可以正常将我的React组件使用bable转换，我的组件代码如下：import React
已解决 Bug: Error - Target container is not a DOM element (React)
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-19 642
作为一名前端开发者，我曾遇到了一个令人头疼的问题：Error - Target container is not a DOM element，这个错误会导致 React 应用无法正确渲染。在这篇博客中，我将分享我的研究成果，深入探讨这个Bug的根本原因，并提供详细的解决方法，以及如何避免类似问题的发生。让我们一起来解决这个React中常见的Bug吧！"Error: Target container is not a DOM element"是React开发中常见的Bug，但它并不难以解决。
Target container is not a DOM element：目标容器不是DOM元素
gh313287387的博客
08-17 1547
目标容器不是DOM元素
报错：Uncaught Invariant Violation:Target container is not a DOM element
weixin_45866961的博客
09-26 797
Uncaught Invariant Violation:Target container is not a DOM element
《已解决 Bug: Error: Target container is not a DOM element (React)》
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-19 694
大家好，我是猫头虎博主。在前端领域中，我们经常会遇到各种令人头疼的 Bug。。在本文中，我将为大家深入解析这个 Bug 的原因，为您提供解决方法，并教你如何避免再次出现这个问题。一起来探索一下吧！🔍在 React 开发中，是一个常见的错误，但只要我们遵循上述的解决方法和避免策略，就可以轻松地解决和避免这个问题。希望本文对您有所帮助，如果您有任何问题或建议，请在下方留言。🐾。
React初学： Uncaught Error: createRoot(...): Target container is not a DOM element.
arannatao的博客
07-20 3468
React初学： Uncaught Error: createRoot(...): Target container is not a DOM element.
已解决 Error: Target container is not a DOM element
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-19 418
嗨，各位前端开发小伙伴们！在我们的前端开发征程中，总会遇到一些令人头疼的问题。今天，猫头虎博主将为大家分享一个常见的React Bug，那就是"Error: Target container is not a DOM element"。在本博客中，我将深入探讨这个Bug的根本原因，并提供详细的解决方法，同时分享如何在日常开发中避免类似问题的发生。让我们一起来解决这个React中的Bug吧！
Uncaught Invariant Violation:Target container is not a DOM element
github_39733638的博客
03-27 2728
文章目录Uncaught Invariant Violation:Target container is not a DOM element项目基本配置问题解决方案关于模板文件title Uncaught Invariant Violation:Target container is not a DOM element 项目基本配置 dms-vue └── config └...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值