在构建之前“目标容器不是DOM元素”
是指在前端开发中，当我们使用一些框架或库来构建用户界面时，需要将组件渲染到一个目标容器中，而这个目标容器并不是一个真正的DOM元素。
通常情况下，我们可以通过getElementById()等方法获取到一个DOM元素，并将组件渲染到该元素中。但在某些情况下，我们可能需要将组件渲染到一个虚拟的容器中，而不是真正的DOM元素。
这种情况下，我们可以使用一些虚拟DOM库或框架，如React、Vue等。这些库提供了一种将组件渲染到虚拟容器中的机制，然后再将虚拟容器中的内容转换为真正的DOM元素，并插入到页面中的目标容器中。
这种方式的优势在于可以更灵活地控制组件的渲染过程，可以在组件渲染之前对虚拟容器进行一些处理，如添加样式、修改结构等。同时，由于虚拟容器并不是真正的DOM元素，所以在渲染过程中不会对页面产生影响，可以提高性能。
在腾讯云的产品中，与前端开发相关的产品有云开发、云函数、Serverless Framework等。云开发是一款支持前端开发的云原生产品，提供了前端开发所需的各种资源和工具，包括静态网站托管、云函数、数据库、存储等。云函数是一种无服务器的函数计算服务，可以用于处理前端开发中的各种业务逻辑。Serverless Framework是一款开发框架，可以帮助开发者更便捷地进行前端开发和部署。
相关链接：
相关·内容
.): Target container is not a DOM element.这是index.htmlimport {render} from 'react-dom'
import Hello from '.这一切都是在我尝试在index.js中使用以下代码呈现两个
浏览 18提问于2017-08-07得票数 1
1回答
我正在使用GatsbyJS和React创建一个网站，我正在尝试对DOM进行更改。起初，我尝试使用JS，但经过研究，我发现了ReactDOM。我在JS中尝试过，它一开始是有效的，然后它给了我一个错误：const hours = today.getHours();element.innerText = 'sleeping' element.innerText = 'Doing something else'})()
浏览 8提问于2019-08-20得票数 1
回答已采纳
现在很明显，const About也是通过DOM添加的，tick()函数无法检测div。about.jsimport ReactDOM from 'react-dom';}
setInterval(tick, 1000);
错误行：
document.getElementById('lol'));元素
浏览 2提问于2019-10-26得票数 0
回答已采纳
createRoot(…)：目标容器不是DOM元素？有什么需要改变的？“看起来你的帖子大多是代码；请多加一些细节。”，“看起来你的帖子大多是代码；请多加一些细节。”App.test.tsximport App from ".document.getElementById("root") as HTMLElement);
rende
浏览 0提问于2022-08-10得票数 0
1回答
我在rails中使用react。但是当我运行这个应用程序时，我会得到一个错误: Uncaught错误:目标容器不是DOM元素。我的index.jsx文件看起来如下：import ReactDOM from 'react-dom';
import {createStore,ReactDOM.render(<Provider store={store}><App
浏览 2提问于2020-05-29得票数 0
回答已采纳
index.js：import { render } from 'react-dom';
import { Router
浏览 0提问于2018-03-07得票数 0
我有个问题：
homeMaster.Html代码： <script src="..react.js:12349) react.js:18357
h
浏览 6提问于2016-12-21得票数 2
我想把它上传到防火墙，这就是为什么我做了npm运行构建，我不能把它上传到防火墙，现在npm也不工作。错误:目标容器不是DOM元素。我想我不小心在npm运行构建、firebase init或firebase部署中做错了什么。这可能是很小的东西<!'; });
浏览 4提问于2021-03-06得票数 0
回答已采纳
我很困惑为什么在控制台中会出现这个错误。我已经阅读了所有的工作，据我所知，我这样做是正确的。<div id="aisis-writer"></div>do
浏览 5提问于2014-12-12得票数 3
1回答
但无法运行，因为上面提到的错误，即目标容器不是DOM元素。我检查了整个代码，但找不到原因或解决方案。这就是问题所在。请帮帮忙。 index.html <!/logo.svg';import TodoList fromRouter> }export default App;
浏览 12提问于2021-09-25得票数 0
下面的代码总是向我抛出以下消息：错误:目标容器不是DOM元素。此外，它还表明最后一行(呈现)有问题。我正在通过为LinguiJS工作，我使用他们的代码，所以我很困惑为什么这不起作用。//index.js
import { render } from 'react-dom'import React from
浏览 0提问于2020-09-15得票数 1
1回答
我在遵循React路由器教程和时遇到此错误 .src/index.js这是INDEX.JSimport ReactDOM from 'react-<e
浏览 2提问于2017-09-12得票数 0
如果我试图将我的Login和Register类输入到索引文件的呈现函数中以输出它，那么我得到的是错误：
import React from "react";import Login from目标容器不是DOM元素
浏览 0提问于2019-04-22得票数 0
回答已采纳
3回答
我刚开始使用create-react-app，我刚用npm运行它，现在当我运行npm start时，我得到了这个错误信息Target container is not a DOM element.Module..这是我的index.js文件，它显示错误来自我的reactDOM.render行import ReactDO
浏览 1提问于2019-04-21得票数 0
我试图使用Gastby项目 中的示例条件呈现基于条件的可重用组件import React from "react";
import ReactDOM from "react-dom
浏览 2提问于2021-03-23得票数 2
回答已采纳
1回答
在运行测试时，我正在接收这个Target容器不是DOM元素错误。解决这个问题的办法是什么？我已经在堆栈溢出中检查了这里的所有解决方案，但是没有解决我的问题。eslint-disable react/react-in-jsx-scope */import { render, screen } from "react-dom";
import { BrowserRoute
浏览 7提问于2022-03-05得票数 0
8回答
我试着在使用Webpack的时候用Jest/酶测试一种反应组分。toEqual(1);它正在收集的相对成分是：import { render } from 'react-dom堆栈跟踪显示，App.js的第14行是失败的原因--这只不过是来自react-dom的呈现调用，这是我从未遇到过的问题(应用程序通过Webpack的设置正确地呈现)。jest-cli": "^16.0.1"
浏览 8提问于2016-10-11得票数 42
回答已采纳
“错误:目标容器不是DOM元素”import ReactDOM from 'react-dom';import { Provider } from "react-redux";
import { BrowserRouter } from "
浏览 6提问于2019-12-01得票数 0
回答已采纳
12回答
format=json", pollInterval: 2000}),);
之后，我得到了‘目标容器不是DOM元素错误’，然而document.getElementById("content")几乎肯定是DOM元素。
浏览 7提问于2014-10-17得票数 105
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
