umi引用Echarts报错Error: Initialize failed: invalid dom.

最新推荐文章于 2024-03-15 16:13:53 发布
最新推荐文章于 2024-03-15 16:13:53 发布
阅读量285 收藏
点赞数 4
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m030124/article/details/134133578
版权

1.报错

2.解决方案

<div id='mychat' style={{ width: '100vw', height: '100vh' }}>
     
</div>

（1）使用ref

let mychart = this.$echarts.init(this.$refs.b)

（2）根据id获取

this.$echarts.init(document.getElementById("a"))

花~海
关注
安装umi教程（报错及解决办法）
qq_40191003的博客
07-22 1万+
安装umi 一、安装Node.js，通过node -v查看版本号 二、安装yarn，其中tyarn使用的是npm.taobao.org的源，速度要快一些（可以把yarn看做优化了的npm） 1. 安装tyarn npm i yarn tyarn -g -g：全局安装 2. 进行测试，如果能够正常输出版本信息则说明安装成功 tyarn -v 如果安装失败，是由于没有将yarn添加到环境变量中导致的，参考： 三、安装umi 1. 安装 tyarn global add umi 2. 测试 (1)查看um
打包报错 umi: command not found
Cvory
10-12 4631
首先，需要安装Node.js （一路下一步安装），并确保 node 版本是 8.10 或以上 使用 yarn 管理 npm 依赖 然后全局安装 umi，并确保版本是 2.0.0 或以上 $ yarn global add umi $ umi -v 2.0.0 出现'umi' 不是内部或外部命令，也不是可运行的程序 或批处理文件或者提示 umi: command not found # mac系统 $ sudo vi ~/.bash_profile # 在 .bash_profile中添加下..
uniapp APP端，echarts显示不出来，报“Initialize failed: invalid dom“错误
BigBig_Zhang的博客
11-30 1922
uniapp运行安卓，echarts显示不出来
Uncaught (in promise) Error: Initialize failed: invalid dom.
前端学习笔记
04-18 1440
仅支持使用原生方法获取。
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的时候就会出现这样的
Echart报Uncaught (in promise) Error Initialize failed invalid dom.
qq_54334713的博客
03-11 3312
Vue3使用echarts，出现无法获取dom的问题
运行报错：Error: error:0308010C:digital envelope routines::unsupporte
最新发布
05-18
1、运行报错：Error: error:0308010C:digital envelope routines::unsupported 1、问题描述 使用VScode运行项目： PS D:\MrWu\DCode\VScode\antd4\datalake-flow-monitor-web-master> npm run start 运行报错： PS...
umi3-grud：Umi3 + Dva入门实践完成用户管理的CRUD应用（2020）
02-05
在本项目"umi3-grud"中，我们探讨了如何使用Umi3框架与Dva库结合，构建一个用户管理的CRUD（创建、读取、更新、删除）应用程序。这个教程是针对2020年的，因此它反映了当时前端开发的一些流行技术趋势。以下是对这些...
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
echarts中遇见的问题Error Initialize failed invalid dom
m0_70547044的博客
03-09 2934
Error Initialize failed invalid dom
vue使用echarts报错：Error: Initialize failed: invalid dom.
小韩要快乐！
05-22 1585
因为后端数据返回较慢，当我在数据未返回之前切换了当前页面，浏览器就会报错：未初始化dom：Error: Initialize failed: invalid dom.vue使用echarts报错：Error: Initialize failed: invalid dom.此时不报错了，如果你觉得有用点一个免费的小赞！：使用后端返回数据渲染图表，我是在获取数据之后才渲染的图表。
使用echarts报错Error: Initialize failed: invalid dom. 解决方法及详解
X_Flandre的博客
07-16 6840
错误案例一 父组件中： <echartsLine :id="numLine" v-if="numData" :lineData="numData"></echartsLine> 子组件中： <div :id="id" :style="`width:${width};height:${height}`"></div> 解决办法 :父组件传id必须在双引号内加单引号,让值成为string类型,子组件才能正确接收 报错信息:![在这里插入图片描述](http
Initialize failed: invalid dom 报错记录
weixin_51678573的博客
05-27 4426
dom节点报错记录
Echarts 报错Initialize failed: invalid dom.多个原因解析
朝花夕拾的博客
04-14 1848
第一种普遍原因是dom元素没有加载完就调用了echarts.init 但是dom元素没有获取到。this.$next(()=>{ // 微任务。//todo 放着里面 //宏任务。利用事件循环机制 微任务宏任务。是dom元素直接清空了。
用echarts绘图时报错echarts-d9fd185e.js:31447 Uncaught (in promise) Error: Initialize failed: invalid dom.
dimash1996的博客
02-25 1681
当浏览器执行document.getElementById('chart')时，由于id为main的dom对象还未被创建，报错Initialize failed: invalid dom. 解决办法,让初始化echarts图表的代码延时执行,代码运行速度很快,不影响效果展示,不会感觉卡顿 func.echarts()为初始化图表的函数,代码及效果图如下(某个vue3.0项目的一个页面用到的) echarts: () => { let myChart = e...
(echarts)安装echarts报错：request to https://registry.npm.taobao.org/echarts failed, reason: certificate
nyf_unknow的博客
03-15 2724
注意：此处修改的镜像用的是npm本身，一般国内用户还是建议使用淘宝镜像，所以推荐还是设置成用淘宝镜像，执行：npm config set registry https://registry.npmmirror.com 【推荐】3、然后修改镜像：npm config set registry https://registry.npmjs.org/ （或npm config delete registry）1、查看当前[npm镜像] 设置：npm config list。
echart组件调用理解
m0_56666791的博客
10-09 364
在使用echart作为组件的时候，在主页面进行引入的时候使用的是import 图表名 from 文件名但是我突然想到这个图表名是以什么决定的呢？
解决vue3+echarts关于无法获取dom宽度和高度的问题
黄钢的博客
08-04 8295
不过还有个问题得说一下，很明显，我用了elementplus作为UI框架，我特别喜欢el-card这个组件，所以很多时候我都用它来做布局，但是我在用的时候，发现我很难掌握它的布局规律，尤其是在结合echarts画图的时候，各种dom相关的问题层出不穷，所以我不得不放弃使用el-card，二是自己用div来做布局。第二个报错是说不能获取到echarts对应dom的宽或高，这个问题一般出现在设置dom节点的宽和高时，用了百分比形式，ECharts的宽高默认是以像素为单位的，并不能直接使用百分比来设置。
react umi error:0308010C:digital envelope routines::unsupported报错
01-16
根据提供的引用内容，"error:0308010C:digital envelope routines::unsupported"是一个与数字信封操作相关的错误。这个错误通常与加密和解密操作有关。具体的解决方法可能因具体的情况而异，但以下是一些常见的解决...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值