echarts Cannot read property ‘init‘ of undefined 报错问题

最新推荐文章于 2023-06-01 21:35:51 发布
最新推荐文章于 2023-06-01 21:35:51 发布
阅读量3.5k 收藏 7
点赞数 7
文章标签： vue echarts 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41186500/article/details/110792134
版权

一、查看容器是否有宽高（容器一定要有宽高）

<div id="myChart" style="height:800px;width:600px;" />

二：查看引入对错
我直接 import echarts from 'echarts’时也会报错，所以后面修改了引入时的写法import * as echarts from 'echarts’

三：初始化实例时
开始用的let chart = this. e c h a r t s . i n i t ( t h i s . echarts.init(this. echarts.init(this.refs.myChart) 这种写法也会报错，后来就改成了
let chart = echarts.init(document.getElementById(‘myChart’))的写法

封小荷
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
echarts报错Cannot read property ‘init‘ of undefined
南北极之间
07-27 787
解决办法： 需要在导入包的时候添加上 * as 即可： import * as echarts from 'echarts'; 资料： https://blog.csdn.net/qq_44802808/article/details/112635323
echarts Cannot read property ‘init‘ of undefined报错问题解决
Qpzzz的博客
02-02 524
这是因为echarts更新到5.01了，你 npm install echarts --save 安装的是最新版本的echarts，解决报错2个办法： 1.降低echarts的版本，例如降到4.8。 2.改变main.js里面引入方式： // import echarts from 'echarts'//引入echarts--v4 import * as echarts from 'echarts';// --v5 Vue.prototype.$echarts = echarts ...
Echarts图表报错：TypeError: Cannot read property ‘init‘ of undefined
hzw的博客
08-23 556
Echarts图表报错：TypeError: Cannot read property ‘init’ of undefined解决 用vue导入echarts图表报错，在这里使用两种方法解决 将原来导入的 import echarts from 'echarts' 改为： import * as echarts from 'echarts' 或者换种导入方式改为： let echarts = require('echarts') 即可显示可视化图表， 欢迎补充~ ...
引用echarts报错Cannot read property ‘init‘ of underfined
qq_44859233的博客
02-14 517
vue 中引用echarts时 居然报Init为未定义 Cannot read property ‘init’ of undefined" 开始认为是 引入 或者 加载顺序 有问题，结果发现都不是，后来想着是不是版本有问题，结果它来了！！！ 查看echarts版本： 命令： npm view echarts versions 因为 默认安装包是安装最新 的版本的。我就选择用前一个4.8.0试试。 首先卸载echarts： npm uninstall echarts --save 安装4.8.0版本：（@后
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
然而，在使用compression-webpack-plugin插件时，我们需要注意版本问题，以免出现Cannot read property 'tapPromise' of undefined报错信息。 在解决Cannot read property 'tapPromise' of undefined报错信息后，...
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
01-19
jQuery Cannot read property ‘msie’ of undefined错误的解决方法 最近把一个项目的jQuery升级到最新版，发现有些页面报如下错误 Cannot read property ‘msie’ of undefined 上jQuery网站上搜了一下，原因是$....
Vue eCharts Cannot read property ‘init‘ of undefined 报错问题
EsquireY的博客
12-10 5162
在vue 项目中使用 eCharts ，但是项目一直报 init of undefined ，查阅很多资料，方法不一 1，元素没有设长宽 <template> <div class="container"> <div id="myChart" ref="myChart" style="width: 600px; height: 400px"></div> </div> </template> 2，初始化实例应该写在 .
Echarts报错Cannot read property ‘init‘ of undefined
qq1067012060的博客
11-05 185
1.在项目中导入echarts插件时，报了这个问题 2.二话不说上解决办法，这是由于版本太高导致的
echarts Cannot read property ‘init‘ of undefined“
每日秃头
05-06 441
下载下面这个版本可解决 cnpm install echarts@4.8.0 --save
echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错解决
qq_49002903的博客
02-21 2748
导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from ‘echarts’ 后解决。
Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
FQ_QIU的博客
06-01 4071
Vue引入echarts.js，初始化init()遇到的坑。
vue eCharts Cannot read property ‘init‘ of undefined 报错问题
zhufan2333的博客
07-21 326
打断点发现this.$echarts为undefined，怀疑引入依赖问题，检查package.json已引入，最后更换。",//替换为4.8.0。解决，可能是最新版本问题。eCharts的版本。
echarts 报 Cannot read property ‘init‘ of undefined“
who_become_gods的博客
06-12 67
main.js import echarts from 'echarts' Vue.prototype.$echarts = echarts 改为 Vue.prototype.$echarts = require('echarts')
vue项目使用echarts报错：Cannot read property ‘init‘ of undefined
m0_51642356的博客
01-20 183
vue使用echarts报错：Cannot read property ‘init’ of undefined解决方案 原因分析： echarts版本过高 解决： npm ls echarts查看的echarts版本 终端中输入：npm install echarts@4.0.0 --save
vue中使用echarts报错：Cannot read property ‘init‘ of undefined
艾丽的博客
02-05 997
自己这里报错的原因是因为版本过高 解决方法如下： 首先卸载echarts： npm uninstall echarts --save 安装4.1.0版本（@后面是指定想安装 的版本号） npm install echarts@4.1.0 --save 问题解决！
echarts引入后报错“TypeError: Cannot read property ‘init‘ of undefined“
weixin_46115723的博客
03-16 503
解决方法一：切换低版本echarts 解决方法二： 无论是通过CDN还是通过npm安装引入的echarts在其引入项目的地方将import echarts from ‘echarts’
在vue中使用echarts Cannot read property ‘init‘ of undefined报错
qq_42444795的博客
01-22 256
由于第一次用echarts,所以就遇上了版本现状 可以更换版本来解决最新版echarts 5.1版本的init()方法报错问题 1.卸载原来的echarts版本 npm uninstall echarts --save 2.装上4.8版本的echarts npm install echarts@4.8.0 --save ...
Cannot read property 'init' of undefined
最新发布
08-30
报错信息"Cannot read property 'init' of undefined"表示无法读取undefined对象的init属性。引用提到了这个错误可能是由于没有正确引入echarts这个组件导致的。 在Vue项目中，引入echarts可以借助Vue的插件机制或者直接在组件中引入。请确保已经正确引入了echarts组件并确保该组件已经被使用。引用提到了解决方法是通过多索引一层来修复这个报错。例如，将`this.$echarts.init`修改为`this.$echarts.echarts.init`。你可以尝试根据这些提示来解决这个错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is ...](https://blog.csdn.net/FQ_QIU/article/details/130995975)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [vue 报 Cannot read property ‘init‘ of undefined](https://blog.csdn.net/JBOX_AJAX/article/details/119781525)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值