vue3中echart中init报错问题

最新推荐文章于 2023-07-19 10:01:43 发布
最新推荐文章于 2023-07-19 10:01:43 发布
阅读量1.7k 收藏 2
点赞数 2
分类专栏： 前端vue小记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45703004/article/details/113656005
版权

vue3中echart中init报错问题

vue 报错cannot read ‘init’

今天下午在网上找半天资料，很多大佬都是说由于echarts的新版本导致无法使用，建议使用

npm uninstall echarts --save
npm install echarts@4.8.0 --save

来将自己项目中的echarts更换到之前的4.8版本，并且许多人的问题也得以解决，但是自己的电脑仍旧是不行，长期试验之后，发现在每一个组件中引用echart,并且将

this.$echarts.init()
更换成
echarts.init()
//import  echarts from 'echarts' 在每一个组建的script中调用

问题就得到了解决，现在暂时理解成新版本不适合之前的全局引入，只能这样局部引入，虽然可能有些麻烦，但也是解决问题的一种方法。
希望有大佬能够多多指正
----------------------------------------------------------------------------------------
vue小白

夜、天宇
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue3中使用tinyMCE
07-01
vue3中使用tinyMCE的demo，setup语法糖写法，解压后请删除node_model包后重新cnpm i
echart在vue3中的使用.zip
最新发布
04-26
echart在vue3中的使用
Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
FQ_QIU的博客
06-01 3865
Vue引入echarts.js，初始化init()遇到的坑。
【Vue】报错：this.$refs 引用子组件报错 is not a function
qq_45677671的博客
07-17 4283
vue 报错：this.$refs 引用子组件报错 is not a function 或者 undefined
Echats出现init报错的解决方法
weixin_45331887的博客
04-16 3145
Echats网址 Echats使用文档:https://echarts.apache.org/examples/zh/index.html#chart-type-line 前言 今天做项目的时候，在使用echats出现了下面问题，于是搜了许多解决方法，耗费一点时间后终于解决了问题，图形也可以正常显示了，以下是解决方案(不一定对所有人都有作用)。 二、解决方案 1.引入库（在main.js文件下引入依赖) 代码如下（示例）： import * as echarts from "echarts";//建议按需
Uncaught TypeError: echarts.init is not a function”错误-layui整合echarts
weixin_45907018的博客
03-23 2742
最近用echarts 首先就是遇到这个错误 引入官网案例，页面啥都没得。 原来是版本问题5.x版本太高 下载压缩包解压后。dist目录下面的echarts.js就可以了layui整合echart 我看这个老哥整的 不会自己整也没关系，我直接把整合的发过来 下载后改一下后缀名->echarts.js就可以； 下面是第一个html模板 做几点说明 base指的是你的resource/static 所以我的目录是 /js 效果
大纲
m0_45272038的博客
12-25 983
错误 1、错误一 “export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘ 一直报错 （在“echarts”中找不到导出“echarts”） 重新更新echarts等各种方法都试了，还是解决不了问题 谷歌说可能是版本问题，就查看安装的是echarts 5.0 页面查看报"TypeError: echarts.init is not a function"错误， 但是console.log()出来的echarts.init就是
echarts之init报错
追梦少年的博客
01-20 7913
echarts安装后报init错误解决方法@TOC init报错 查看package.json文件中echarts版本，如果是5.0以上的版本请卸载安装指定版本4.2.1，然后就不会报错了
vue-cil 浏览器控制台报错：this._init is not a function
qq_42514371的博客
05-07 4586
vue-cil 浏览器控制台报错：this._init is not a function 我常常问自己我是谁关注 2019.05.31 11:41:28字数 547阅读 3,974 今天说一下 this._init is not a function 的报错，这个不会影响界面显示问题，除非你没有安装那些必须要添加的库； 浏览器控制台报错：this._init is not a function 这个报错网上也有搜到一些答案，都是一些说要添加 “vue-loader、 vue-html-lo.
【053】使用vue时Module build failed: TypeError: this._init is not a function错误的解决方法
热门推荐
zhangchao19890805的专栏
11-28 6万+
这个例子中Webpack的版本是2.1.0-beta.27。在这个版本中，loader不能用简写省去 -loader 的形式。
vue 引入 echarts，init初始化报错
weixin_43484014的博客
05-06 8493
vue 引入 echarts，init初始化报错 1.下载echarts npm install echarts --save 2.页面中引入，我只有一个页面需要引用到echarts，所以就直接在页面中引入 import echarts from 'echarts' 3.在methods中写对应的例子 myEcharts() { this.chart = echarts.init(document.getElementById('main')) this.chart.setOp
解决vue.js 数据渲染成功仍报错的问题
12-09
最近在做一个vue项目，用的是官方推荐的axios请求数据，数据结构是一级对象嵌套二级对象，发现一级对象数据渲染不报错，二级数据渲染报错。很是郁闷！data函数如下 export default { name: 'hello', data() { ...
解决vue 引入子组件报错的问题
10-18
今天小编就为大家分享一篇解决vue 引入子组件报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中echarts3.0自适应的方法
08-27
主要介绍了vue中echarts3.0自适应，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
关于Echart的TypeError: axis.getAxesOnZeroOf is not a function报错问题
YHJ_2298的博客
12-17 9819
在使用echart的时候，明明各项参数都有传入，但是，在echart使用this.init()初始化的时候，却报错TypeError: axis.getAxesOnZeroOf is not a function，通过一项一项排除，发现在xAxis属性中的data为[ ]时，会出现该错误。 当然，我的问题不是你的问题，请具体问题具体分析！！！ 我的xAxis： xAxis: { type: 'category', axisTick: { alignWithLabel: .
ECharts使用折线图报错：this.dom.getContext is not a function
weixin_44195250的博客
11-10 1279
错误写法，因为页面只有一个echart的折线图 所以 写了如下代码 this.initEcharts(document.getElementByClassName('line-charts'),option); 修改后的代码如下 ： var a = document.getElementsByClassName('line-charts').length; for(let i=0;i<a;i++){ this.initEcharts(document.getElementByClassName('l
Error in beforeDestroy hook: “TypeError: this.myChart.clear is not a function“
偏执
07-19 478
this.myChart.clear()改放到。
vue使用echarts报错Cannot read property 'init' of undefined或者echarts.init is undefiend解决
i++;
04-11 4700
在使用init方法初始化前一定会获取一个dom元素，检查dom元素是否建立成功， 可尝试弹框弹出查看一下，弹出值为nulldom元素为创建。出现这个错误为加载顺序问题，，调整加载顺序。解决。 ...
微信小程序使用echarts
m0_61400638的博客
02-25 429
微信小程序使用echarts
vue3中:current.sync报错
05-16
在Vue 3中，`.sync`修饰符已被移除了，因为现在可以使用`v-model`来实现双向绑定。如果你想要实现双向绑定，可以使用`v-model`指令。例如： ```html <template> <div> <input v-model="text"> </div> </template> <script> export default { data() { return { text: '' } } } </script> ``` 如果你要在子组件中使用`props`传递数据，并且需要在父组件中更新该数据，可以使用`emit`来触发自定义事件。例如： ```html <!-- 子组件 --> <template> <div> <input :value="text" @input="$emit('update:text', $event.target.value)"> </div> </template> <script> export default { props: { text: String } } </script> ``` ```html <!-- 父组件 --> <template> <div> <child-component :text.sync="message"></child-component> </div> </template> <script> import ChildComponent from './ChildComponent.vue' export default { components: { ChildComponent }, data() { return { message: '' } } } </script> ``` 在Vue 3中，`.sync`修饰符被移除了，所以你不能使用`current.sync`。如果你仍然想使用`.sync`修饰符，可以使用Vue 2进行开发。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值