引用echarts报错Cannot read property ‘init‘ of underfined

最新推荐文章于 2023-11-10 11:50:56 发布
最新推荐文章于 2023-11-10 11:50:56 发布
阅读量165 收藏
点赞数
分类专栏： echarts 文章标签： echarts 4.8.0
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunshineTing2/article/details/112606042
版权
本文档指导如何排查和解决在使用Echarts 4.8.0版本时遇到的'Cannot read property 'init' of undefined'错误。首先，确保正确下载了指定版本的Echarts。其次，在项目中全局引入Echarts。最后，在Vue组件中正确配置和应用Echarts。
摘要由CSDN通过智能技术生成

在这里插入图片描述

检查一下 echarts 的版本（替换为4.8.0）
"echarts": "^5.0.0", // 替换为4.8.0
正确下载和使用
1.下载 ^4.8.0 版本的echarts
npm install --save echarts@4.8.0
2.在main.js中引入 echarts（全局引入）
import e
最低0.47元/天 解锁文章
zlting~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+echarts报错Cannot read property ‘init‘ of underfined
qq_42213329的博客
11-29 714
在使用vue+echarts时报错Cannot read property 'init' of underfined。 试了一下网络上的几种方法发现没有。 最后发现： 1.安装echarts项目依赖时要先进入项目文件夹环境（-_-||）。 cd 项目文件路径 //例如 cd D:\project npm install echarts --save 2.在import时要用单引号import echarts from 'echarts'，不要用双引号import echarts from ".
echarts报错 Cannot read property ‘getAttribute‘ of undefined
飘来荡去这一生
09-07 4645
今天在review代码时，发现控制台莫名报错，Cannot read property 'getAttribute' of undefined 通过查看，问题定位在这一行，也就是echarts初始化的时候: const chart = echarts.init(this.$refs['chart']); 结合报错信息可以得知，错误原因是因为没获取到dom属性。 在vue中获取不到dom一般分为两种情况，一是在created中获取，这个时候只是创建了vue实例，dom并没有开始渲染。所以自然拿不到.
使用echarts时报错 TypeError: Cannot read property ‘init‘ of undefined
weixin_44982332的博客
12-27 826
原因是导入方式不对，通过 npm 安装的 echarts 会出现在 node_modules 目录下，从而可以直接在项目代码中得到 echarts，应使用如下方式导入 import * as echarts from 'echarts'
echarts Cannot read property ‘init‘ of undefined 报错问题
qq_41186500的博客
12-07 3536
一、查看容器是否有宽高（容器一定要有宽高） <div id="main" style="height:800px;width:600px;" /> 二：查看引入对错 我直接 import echarts from 'echarts’时也会报错，所以后面修改了引入时的写法import * as echarts from 'echarts’ 三：初始化实例时 开始用的let myChart = this.echarts.init(this.echarts.init(this.echarts.in
uniapp和vue3报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
最新发布
11-10 982
报未定义错误，说明echarts未定义，echarts未引入成功。
vue中使用echarts及报错（Cannot read property ‘init‘ of undefined）处理
shinjie1210的博客
08-02 1373
安装步骤 项目控制台输入npm install echarts --save 找到main.js 引入 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts 然后就可以按照官网文档里的5分钟上手内容使用了 这里给个简单例子 官网上扒的示例图表 <template> <div class="home"> <div id="echarts" style="width:6...
微信小程序echarts报错Cannot read property 'node' of null
03-31
这个报错一般是因为在使用echarts时，没有正确引入echarts的依赖或者没有正确初始化echarts实例。 可以尝试以下解决方法： 1. 确认echarts的依赖是否已经正确引入，可以在app.json中加入以下代码进行引入： ```...
echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错
weixin_46705866的博客
01-18 369
导入echarts时用：import echarts from 'echarts' 出现 “Cannot read property ‘init’ of undefined” 报错 解决办法：改成 import * as echarts from 'echarts' 后解决。
echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错解决
dairen_j的博客
12-18 7770
导入echarts时用：import echarts from 'echarts' 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from 'echarts' 后解决。
echarts:解决“TypeError: Cannot read property ‘init‘ of undefined”报错
1111111111
04-14 648
解决办法：main.js中的import echarts from 'echarts'改为import*asechartsfrom'echarts'
Echarts init 为 undefined 解决方法
衣乌岸苑
12-27 5933
Echarts 使用时候报错export 'default' (imported as 'echarts') was not found in 'echarts'和Cannot read property 'init' of undefined 的解决方法。
Vue 引用echarts报错Cannot read property ‘init‘ of underfined
林中明月间丶
04-21 483
https://blog.csdn.net/weixin_43854764/article/details/102543703 引用echarts报错Cannot read property 'init' of underfined https://blog.csdn.net/dairen_j/article/details/111398475?utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromMac.
Vue中使用echarts报错，【TypeError: Cannot read property ‘init‘ of undefined】
MyBlog
08-26 306
将以下这行代码替换 import echarts from 'echarts' 替换代码 import * as echarts from 'echarts' 使用方式 <script> import * as echarts from 'echarts' export default { data () { return {} }, mounted () { const myChart = echarts.init(document.getElementById
echarts之init报错
追梦少年的博客
01-20 8285
echarts安装后报init错误解决方法@TOC init报错 查看package.json文件中echarts版本，如果是5.0以上的版本请卸载安装指定版本4.2.1，然后就不会报错了
.vue文件中引入echarts出现init undefined的问题解决方法
weixin_53657413的博客
11-20 1080
我们文件中导入用的是： import echarts from 'echarts' 然后再看官方文档给出的正确导入代码 import * as echarts from 'echarts'; 原因：官方文档明确指出v5版本 中不再支持 import echarts from 'echarts'; // 或者按需引入 import echarts from 'echarts/lib/echarts'; 所以我们应该相应的将导入语句改为 import * as ech...
在vue中使用echarts Cannot read property ‘init‘ of undefined报错
qq_42444795的博客
01-22 275
由于第一次用echarts,所以就遇上了版本现状 可以更换版本来解决最新版echarts 5.1版本的init()方法报错问题 1.卸载原来的echarts版本 npm uninstall echarts --save 2.装上4.8版本的echarts npm install echarts@4.8.0 --save ...
vue中使用echarts报错：“TypeError: Cannot read property ‘init‘ of undefined“报错原因及解决方案
m0_48683771的博客
09-17 891
通过npm安装的是最新版echarts依赖，5.x版本，但是网上大部分教程的引入方式是按照4.x的方式引入，而5.x版本的引入方式有所改变，所以造成报错； 解决方案 将main.js中引入echarts的方式由4.x引入方式： import echarts from 'echarts' 换为5.x引入方式： import * as echarts from 'echarts' ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值