vue中用echarts 报Cannot read properties of undefined (reading ‘init‘)

于 2023-04-27 14:47:38 发布
阅读量223 收藏
点赞数
分类专栏： vue 文章标签： echarts vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/j244233138/article/details/130406485
版权

在这里插入图片描述

发现是引用的问题
在main.js引用的是

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

最好官网的引用不是这样的应该改成下面就会好了

import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
Mr_wuying
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
电位器的标称阻值和允许偏差
07-11
1、标称阻值为了满足使用者的要求，生产厂生产了各种阻值的电阻器。即使如此，也无法做到使用者想要什么样阻值的电阻器就会有什么样电阻器的成品。为了便于生产和使用，国家统一规定了一系列阻值作为电阻器阻值的标准值，这一系列阻值叫做电阻的标称阻值。表2-5 和表2-6 列出了常用电阻器的阻值系列标准。线绕或非线绕固定电阻器的标称阻值应符合表2-5和表2-6 中所列数值之一，或是表中所列数值再乘以10 n ， 其中n为O或正数。 2. 允许偏差在实际生产中，加工出来的电阻器很难做到和标称阻值完全一致，即阻值具有一定的分散性。为了便于生产的管理和使用，必须规定电阻器的精度等级，确定电阻器在不同精度等级下的允许偏差。 允许偏差值可用下式计算，即 式中:δ-----允许偏差;R-----电阻器的实际阻值;Rτ-----电阻器的标称阻值。表2-7 列出了电阻器(电位器)的精度等级与允许偏差的对应关系。 市场上成品电阻器的精度大都为I 、Ⅱ级， Ⅲ级的很少采用。005 、01 和02 精度等级的电阻器，仅供精密仪器或特殊电子设备使用.它们的标称阻值属E48 、E96 、E19
vue+echarts数据显示通用模板
05-31
整合了柱状图、饼图、地图、表格等的数据展示通用模板，开箱即用
报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
木木木森林
05-30 1万+
报错：TypeError： Cannot read properties of undefined reading 'init'1. 报错的样子2. 报错的原因3. 解决的方法4. 控制台不再报错 1. 报错的样子 在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘) 2. 报错的原因 报错是因为我们引用了echarts里面的init方法显示没有定义 3. 解决的方法 将import
问题：Cannot read properties of undefined (reading ‘init‘)“
m0_45052521的博客
04-19 9254
原因：直接像引入其他包一样引入了echarts 解决方案： 必须带*否则会出错 (Vue项目使用)例如： 安装命令：npm i echarts main.js中引入 组件中：
vue echarts引入china.js报错Cannot read property ‘echarts’ of undefined
igrow_up的博客
01-09 5208
vue中使用echarts，china.js报错echarts undefined 在vue中引入echarts后，我import了网上下载的china.js,但是会报错 ‘echarts’ of undefined 这是因为在vue组件中引入的话 , 地图的js文件中的this指向问题 ,会造成echarts在china.js没有引入 解决方法 引入node_modules里面的包： impo...
Cannot read property 'echarts' of undefined
彭世瑜的博客
04-20 6844
场景描述： 将echarts 引入到vue项目中，使用了地图map，在开发环境中引入没有问题 import Echarts from "echarts"; // 引入中国地图数据 import "./china.js"; 打包上线后发现界面白屏，而且控制台报错 Cannot read property 'echarts' of undefined 问题解决 由于参考了网上的文章，将china....
Vue 项目打包后，报：Cannot read property ‘echarts’ of undefined
qq_36291747的博客
06-29 4319
1. 问题说明 在 Vue 项目中，使用 echarts 来为项目添加图表。在本地运行测试时，是正常无错误的。可是，当把项目打包上线时，页面一直是白屏，且浏览器控制台输出如下错误： TypeError: Cannot read property 'echarts' of undefined 错误信息截图如下： 2. 问题分析 从错误信息推测，是某个地方使用 x.y 形式调用 echarts 时，x 为 undefined 导致的错误。 回到项目里，使用到 echarts 的地方大致有 2 处，分析一下：
vue 中使用echart5.2发生TypeError: Cannot read properties of undefined (reading ‘init‘)
qgbihc的专栏
09-24 4741
在VUE项目中使用echart，以前使用的时4.8版本，一切正常。 但是把echart的版本改为5.2后，提示出现如下错误： TypeError: Cannot read properties of undefined (reading 'init')" 查看官方文档： Apache ECharts 5 升级指南 有明确的说明，引用方式的变化： 1、如果使用者在 v4 中这样引用了 echarts： import echarts from 'echarts'; // 或者按需引入 import echar
报错Cannot read property echarts of undefined
一休~的博客
06-04 1759
今天执行npm run build:prod，部署到生存环境后，打开页面报了一个错 有点疑惑，之前并没有什么问题，这次只是增加了个更换Echarts主题的功能而已 后来看了一个大佬的博客，终于解决了问题 https://cloud.tencent.com/developer/article/1546268 ...
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
Vue+Echarts监控大屏实例九：智慧园区监控模板实例
05-21
Vue+Echarts监控大屏实例九：智慧园区监控模板实例，包括源码，开发文档、素材等。 使用vue-echarts实现监控大屏搭建，开发，实现对于监控界面的相关开发资料，提供实例源码、开发过程视频及实现过程。 高德地图并...
Vue+Echarts监控大屏实例四：智慧农业监控模板实例
04-11
Vue+Echarts监控大屏实例四：智慧农业监控模板实例，包括源码，开发文档、素材等。 使用vue-echarts实现监控大屏搭建，开发，实现对于监控界面的相关开发资料，提供实例源码、开发过程视频及实现过程。 高德地图并...
vue-echarts可视化模板
06-04
vue的可视化模板，echarts的使用以及适配页面
vue $refs 动态拼接获取值
热门推荐
Mr_wuying的博客
06-04 1万+
div是循环 所以img 的ref是动态设置的 要获取对应点击的 <div class="unionLiveDiv" v-for="(item,index) in cityLivelist" :key='index' > <div class="unionLiveImg"> <input type="file" v-if='item.redact' @change='filePush1(cityLivelist,index,"img"+i
vue滚动条滚动到底部触发事件
Mr_wuying的博客
07-21 5711
//获取节点 const scrollDiv = this.$refs.mypklogList //vue的写法 mypklogList是表现中 ref=“mypklogList” const scrollDiv=document.getElementById(‘id’) //js的写法 上面的和这个选择一个 const offsetHeight = scro...
vue获取链接后参数
Mr_wuying的博客
11-05 4986
在router中设置参数 { path: '/t:accid', name: 't', component: resolve => require(['@/components/roomitem'], resolve), //直播间 }, accid 就是你要的参数 多个参数后面直接加 ：冒号跟参数名称 跳转的时候给参数结合上面的设置 &lt...
vue 改变div的滚动条位置
Mr_wuying的博客
09-20 4382
在vue里要改变div的 滚动条 <ul ref="ulScroll1"></ul> this.$refs.ulScroll1.scrollLeft=15 //距离左 横滚动条 this.$refs.ulScroll1.scrolltop=15 //距离右 竖滚动条 这里会出现一个问题是 我们的数据是动态获取的 这里设置了 滚动条 会没有任何变化 那是因为 数据会没有渲染出来 滚动条还未出现 解决的办法就是 在请求完数据后 做一个定时器 延迟一下 滚动条的设置 100
vue 获取上传图片的宽高
Mr_wuying的博客
06-04 3207
<input type="file"@change='filePush1()' ref='fileImg'/> filePush1(){ this.$refs.fileImg[0].naturalHeight //图片实际高度 this.$refs.fileImg[0].naturalWidth //图片实际宽度 }
app原生调用H5页面的方法 来传递参数
Mr_wuying的博客
09-20 3112
在h5页面中 我们会和原生的进行交互 传参等 这里就不写h5怎么给原生传参了 我前几篇文章中 有写到 这里是要原生给我们传参 但是不在链接后也 不是在 本地存储 因为我们要做到页面不刷新的情况改变页面的样式 function toSignUpName(city,id) { $('.toSignUpDiv span').html(city) arid=id } //该方法 是原生调用的方法 并且传入 城市名称和id 我们改变自己页面的状态即可 原生的写法 如果是用vue 写的h5页面 我们要暴露
echarts Cannot read properties of undefined (reading 'init')
最新发布
08-19
- *2* *3* [vue中用echarts 报Cannot read properties of undefined (reading ‘init‘)](https://blog.csdn.net/j244233138/article/details/130406485)[target="_blank" data-report-click={"spm":"1018.2226.3001...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值