Target container is not a DOM element报错解决（react）

最新推荐文章于 2024-02-24 18:20:36 发布
最新推荐文章于 2024-02-24 18:20:36 发布
阅读量2.8k 收藏
点赞数 2
文章标签： 前端 react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61185298/article/details/129838800
版权
文章讲述了在开发过程中遇到的TargetcontainerisnotaDOMelement错误，原因是public文件中的id值未被正确设置。通过检查index.js的APP挂载点和public/index.html中的元素ID，确保无空格并正确引用，问题得以解决。作者提醒读者，如果遇到相同问题，应检查这些关键点。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Target container is not a DOM element ，他的意思为：目标容器不是DOM元素，出现原因可能和挂载APP元素有关

我出现错误的原因为：public文件中，忘记给id值

如图所示：

 后续修改：

index.js文件挂载app：

 

 到此时报错就解决了，如果大家还有问题，可以看一下，在public的index.html中起的名字是否有空格，还有是挂载的时候是否正确获取

大家觉得有用就点个赞吧，谢谢

 

Target container is not a DOM element
游海东的技术专栏
05-24 7737
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] Target container is not a DOM element
qubes的专栏
10-11 2799
error 控制台报错：Target container is not a DOM element reason js没找到dom节点， 原因是script引入的js代码在head里，先执行script脚本内容， 然后渲染dom节点，而js脚本需要用到dom节点，发现没找到，因此报错 solution script引入的js代码从head中转移放在body的最下方 ...
猫头虎分享已解决Bug || Error: Target container is not a DOM element (React) ‍
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
02-24 830
嗨，前端开发者们，猫头虎在此！今天我们要探讨的问题是在使用React时遇到的一个常见错误：“Error: Target container is not a DOM element”。这个错误通常发生在React试图挂载一个组件到不存在的DOM元素上。在这篇技术博客中，我将详细分析这个错误的原因，并提供一系列解决方案和预防措施。让我们一起来深入了解吧！🚀👨‍💻问题原因解决方法避免策略HTML元素缺失、脚本加载顺序、拼写错误检查HTML元素、调整脚本加载顺序、核对ID拼写代码审核、使用构建工具。
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:...
Error: Target container is not a DOM element.
热门推荐
weixin_45522047的博客
04-13 1万+
作为一个React小白，今天我尝试照着官网页面上的小例子做一些练习。在练习过程中遇到了这么一个问题，错误见下图。 之所以会报这个错误是因为，我在index.js文件中将“elementId”自定义了。 解决方法： 如果想要自定义elementId，需要同时修改index.html 文件中主dom节点的id。 ...
已解决 Bug: Error - Target container is not a DOM element (React)
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-19 473
作为一名前端开发者，我曾遇到了一个令人头疼的问题：Error - Target container is not a DOM element，这个错误会导致 React 应用无法正确渲染。在这篇博客中，我将分享我的研究成果，深入探讨这个Bug的根本原因，并提供详细的解决方法，以及如何避免类似问题的发生。让我们一起来解决这个React中常见的Bug吧！"Error: Target container is not a DOM element"是React开发中常见的Bug，但它并不难以解决。
报错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
这个错误通常是由于没有找到正确的 DOM 元素导致的，可以根据错误信息中的提示信息来检查代码。 通常情况下，这个错误是由于使用了错误的选择器或者没有正确的渲染目标元素导致的。请确保在页面中存在一个具有正确 ...
: 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项目部署】【Custom Element】
qq_44948011的博客
10-25 507
该篇通过对custom element对比，来简单理解 React 框架的使用，从而对 组件化思想 有一定了解。
[React Error]: Target container is not a DOM element
qq_43592587的博客
04-01 1206
webpack在后端对React组件进行渲染的时候，浏览器控制台报错： compose.js:822 Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element. 我很奇怪，webpack可以正常将我的React组件使用babel转换，我的组件代码如下： import Re...
Target container is not a DOM element：目标容器不是DOM元素
gh313287387的博客
08-17 1505
目标容器不是DOM元素
《已解决 Bug: Error: Target container is not a DOM element (React)》
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-19 600
大家好，我是猫头虎博主。在前端领域中，我们经常会遇到各种令人头疼的 Bug。。在本文中，我将为大家深入解析这个 Bug 的原因，为您提供解决方法，并教你如何避免再次出现这个问题。一起来探索一下吧！🔍在 React 开发中，是一个常见的错误，但只要我们遵循上述的解决方法和避免策略，就可以轻松地解决和避免这个问题。希望本文对您有所帮助，如果您有任何问题或建议，请在下方留言。🐾。
React初学： Uncaught Error: createRoot(...): Target container is not a DOM element.
arannatao的博客
07-20 3409
React初学： Uncaught Error: createRoot(...): Target container is not a DOM element.
已解决 Error: Target container is not a DOM element
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-19 326
嗨，各位前端开发小伙伴们！在我们的前端开发征程中，总会遇到一些令人头疼的问题。今天，猫头虎博主将为大家分享一个常见的React Bug，那就是"Error: Target container is not a DOM element"。在本博客中，我将深入探讨这个Bug的根本原因，并提供详细的解决方法，同时分享如何在日常开发中避免类似问题的发生。让我们一起来解决这个React中的Bug吧！
报错：Uncaught Invariant Violation:Target container is not a DOM element
weixin_45866961的博客
09-26 757
Uncaught Invariant Violation:Target container is not a DOM element
React:Target container is not a DOM element
weixin_30820077的博客
06-09 1020
照着 http://www.css88.com/react/docs/thinking-in-react.html 码了代码，保存文件，浏览器刷新后提示： Target container is not a DOM element 搜索得知“就是一个找不到DOM节点的问题，用jQuery的domReady或者直接把js文件放到页面最后就好了。” 奇怪啊，此前按教程来，一切正常呢！ 想想...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值