echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.

最新推荐文章于 2024-04-19 09:41:14 发布
最新推荐文章于 2024-04-19 09:41:14 发布
阅读量4.4w 收藏 3
点赞数 3
分类专栏： echarts JQuery 文章标签： echarts jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/you23hai45/article/details/51585480
版权

1、错误描述


echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.


2、错误原因

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="shortcut icon" href="../js/echarts-2.2.7/doc/asset/ico/favicon.png">
		<script type="text/javascript" src="../js/echarts-2.2.7/doc
最低0.47元/天 解锁文章
翱翔天地
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
出现 Error: Initialize failed: invalid dom 解决方法（全）
码农研究僧的博客
03-21 2030
Error: Initialize failed: invalid dom. 详细分析以及附Demo错误
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
VUE3 使用chart报错 Uncaught Error: Initialize failed: invalid dom.
最新发布
乐逍遥
04-19 278
这个错误通常出现在使用某些JavaScript框架或库时，提示该框架或库未能成功初始化，原因是提供给它的DOM元素无效或不存在。需要重新获取一下这个dom就行了，确保初始化代码在元素被成功添加到DOM之后执行。
echarts报错Uncaught (in promise) Error: Initialize failed: invalid dom.
热门推荐
zkx529的博客
05-11 3万+
问题描述 在使用echarts时报错Uncaught (in promise) Error: Initialize failed: invalid dom. 原因 这是由于echarts在初始化化时是需要获取dom的。 let myChart = this.$echarts.init(document.getElementById('main')); 例如在上面这个 myChart初始化时需要获取到 id="main" 的这个dom元素，所以在图表初始化的时候获取不到dom的时候就会出现这样的
Uncaught (in promise) Error: Initialize failed: invalid dom.
lwj1372391870的博客
07-08 1922
在引入eCharts时出现该错误Uncaught (in promise) Error: Initialize failed: invalid dom.
vue中引入echarts提示 Uncaught Error: Initialize failed: invalid dom.
weixin_46999174的博客
06-03 2342
vue学习之旅
小程序报错 WAService.js:3 Uncaught Error: module ＂src/utils/utils.js＂ is not defined
03-29
编译程序时候老是报module "src/utils/utils.js" is not defined的错，狂问度娘也没结果 后来静下来想才尝试弄正确： 我本来的页面地址是："src/main/welcome/welcome" 在这个页面的基础上要加载utils.js，所以按照...
echarts-wordcloud:基于wordcloud2.js的Apache ECharts（正在孵化）wordcloud扩展
05-10
echarts-wordcloud 基于非官方（ 扩展，用于Apache ECharts。 例子 安装 < script src =" echarts.min.js " > </ script > < script src =" echarts-wordcloud.min.js " > </ script > ...
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
引用echarts入坑之旅——Uncaught Error: Initialize failed: invalid dom.
weixin_30596735的博客
06-30 3273
在aspx引入echarts出现这样报错： 错误分析我的js代码段写在body标签之前，浏览器加载时会先去解析js代码，当浏览器执行document.getElementById('main')时，由于id为main的dom对象还未被创建，报错Initialize failed: invalid dom. Jquery教程中明确指出，为了防止文档在完全加载（就绪）之前运行 jQuery 代...
Echart报Uncaught (in promise) Error Initialize failed invalid dom.
qq_54334713的博客
03-11 2917
Vue3使用echarts，出现无法获取dom的问题
(原)Echarts 报Uncaught Error: Initialize failed: invalid dom 根本解决
github_38066216的博客
08-11 1万+
1.循环出的Echarts出现 Uncaught Error: Initialize failed: invalid dom ，附上完美解决方案 setTimeout(function () { console.log(item.id) console.log(item.val) console.log(item.color) var option = { legend: { orient: “...
Error in nextTick: “Error: Initialize failed: invalid dom.“ found in
bpluoxong的博客
07-07 6139
这里主要是原因是dom还没挂载完成，导致报错，这里有几个处理办法：1.1 这里不要用created（用mounted），created这时候还只是创建了实例，但模板还没挂载完成 1.2 用this.$nextTick(()=>{}) (这个回调函数会在数据挂载更新完之后执行，所以可行) 1.3 使用Promise...
ncaught Error: Initialize failed: invalid dom. 问题解决
weixin_42065453的博客
08-04 4520
传递给 Vue 初始化函数的选择器参数无效。请确保选择器参数正确地指向一个有效的 DOM 元素。这个错误表示在初始化过程中出现了无效的 DOM 元素。选项中指定的 DOM 元素无效。请确保指定的 DOM 元素存在于文档中，并且它是一个有效的元素。选项在初始化后被修改为无效的 DOM 元素。如果你在初始化后尝试更改 Vue 实例的。或类似的方法来获取正确的 DOM 元素，并将其传递给 Vue 初始化函数。选项，确保新指定的 DOM 元素是有效的，并且它存在于文档中。
echarts.js:2273 Uncaught Error: Initialize failed: invalid dom.
11-10
如果您使用的是Vue.js框架，可以尝试在mounted()生命周期钩子中初始化echarts实例，以确保DOM元素已经被正确地加载到页面中。 以下是一个示例代码，展示了如何在Vue.js中正确地初始化echarts实例： ```javascript ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值