Error in nextTick: “TypeError: Cannot read property ‘init‘ of undefined“

已于 2022-07-27 14:33:13 修改
阅读量1.7k 收藏 2
点赞数 5
分类专栏： 那些年我们踩过的坑 文章标签： javascript vue.js
于 2021-03-31 14:53:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42899245/article/details/115350465
版权
当导入Echarts时遇到'Error in nextTick: 'TypeError: Cannot read property 'init' of undefined''的问题，可以尝试将导入语句从'import echarts from 'echarts';'修改为'import * as echarts from 'echarts';'，这通常能解决该问题。
摘要由CSDN通过智能技术生成

echarts引入结果报了错：Error in nextTick: "TypeError: Cannot read property ‘init’ of undefined"该怎么办？
原文出现了这个错误的：https://blog.csdn.net/qq_42899245/article/details/108006566
解决办法：
在这里插入图片描述

把import echarts from “echarts”;修改成下面的这个。即可解决您的问题。

import * as echarts from ‘echarts’

你知不知
关注
  • 5
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
彻底解决Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
renkai721的专栏
09-19 9112
Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
热门推荐
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
Error in nextTick: “TypeError: Cannotread property ‘init‘ of undefine
又报错了的博客
04-16 556
使用echarts时，发现一直报错并且不展示，后来发现是版本问题，要么降低版本，要么就使用 import * as echarts from ‘echarts’; 这个引用方法是现在官网推荐的5.0以上的，建议使用这种引用方式，这个 * 就代表引入全部模块 这样就能正常展示不报错啦 ...
echarts报错TypeError Cannot read properties of undefined (reading ‘LinearGradient‘)
m0_67393686的博客
03-08 847
在设置折线图阴影的时候cv了一段代码,然后就报了上面的错误,通过百度解决了,记录一下; 如果是在5.0版本会报以上错误; 原因是因为graphic对象下没有LinearGradient方法; 可以通过降低版本解决: npm install echarts@4.8.0 --save ...
【Vue+Echarts】天坑 子组件中的Echarts Cannot read properties of undefined (reading ‘getAttribute‘)“
sakura22123的博客
03-30 1867
报错 Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘getAttribute’)”
vue echarts Error in nextTick: “TypeError: Cannot read property ‘getAttribute‘ of undefined“
@必意玲
07-08 1万+
写在前面：导致 Error in nextTick: “TypeError: Cannot read property ‘getAttribute’ of undefined” 报错原因就是因为获取不到页面的元素，导致这种报错的因素很多种，我这里至少记录下在vue子组件件中使用echart获取不到页面元素，使用vue插槽解决。 1. 报错 Error in nextTick: "TypeError: Cannot read property 'getAttribute' of undefined" 2..
在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘)
mzy110_的博客
02-28 4123
前言：在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘) 当时检查了导入引用都没有出错，查阅文档发现可能是下载了Echarts的最新版本 所以就重新下载了4.0版本覆盖之前下载的版本启动项目运行成功了 npm install echarts@4.8.0 --save 源代码： ##src/main.js // 引入 ECharts 主模块 let echarts = require('
Error in nextTick “TypeError Cannot read property ‘xxx‘ of undefined“
a10534126的博客
02-26 755
报这个错主要是因为子组件还没加载完成就对子组件进行赋值，推荐使用第一个 this.$nextTick( ()=> { //修改子组件的内容 }); //或 setTimeout(() => { //修改子组件的内容 }, 50); 父组件传值给子组件，子组件不能直接修改，会报错 //子组件修改父组件的值 this.$emit('名字','值'); //子组件调用父组件的方法 this.$emit('方法', va
Vue引入echarts报错Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
weixin_36106791的博客
07-15 2817
问题出现场景 今天在vue中引入echarts时，运行报错 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null】 ## 问题排查 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： var myChart = echarts.init(this.$refs.map)
vue使用echarts简单教程（错误：Error in mounted hook: “TypeError: Cannot read property ‘getAtrribute’ of undef）
lanseguhui的博客
05-21 3980
1.安装依赖 npm install echarts -S 2.在main.js中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 3.在组件中使用 html标签,一定要设置宽高 <div ref="activity" style="width:100%;height:285px"></div> 定义一个初始化的方法中写 echartsInit(){ let act
MescrollBody Error in v-on handler: "TypeError: Cannot read property 'init' of undefined"
最新发布
11-30
出现"MescrollBody Error in v-on handler: 'TypeError: Cannot read property 'init' of undefined'"的错误通常是由于MescrollBody组件未正确初始化导致的。解决此问题的方法如下： 1. 确保正确引入了MescrollBody...
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘getAttribute’)” 问题的解决
syz1203的博客
09-22 9570
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘getAttribute’)” 问题的解决 报错 Cannot read properties of undefined 解决方法：加一个判断if (表示dom已存在)，再执行this.nextTick() 方法 if (this.$refs.chart) { this.$nextTick(() => { let
Eharts导入的时候出现TypeError: Cannot read properties of undefined (reading ‘init‘)“的处理
weixin_44482737的博客
01-13 901
Eharts导入的时候出现TypeError: Cannot read properties of undefined (reading 'init')"的处理
nextTick()，关于Echarts无法通过表格下拉展示出来的问题
qq_52347540的博客
04-11 909
文章目录this.$nextTick()：将回调延迟到下次DOM更新循环之后执行理由！！解决方案： this.$nextTick()：将回调延迟到下次DOM更新循环之后执行 在我们使用Echarts的时候，首先要准备一个容器，有了容器我们才能将它渲染出来 倘若我们要设计一个表格，然后有一个下拉框，点击下拉框的时候展示出我们的echarts【同理，不仅仅是下拉框，后面vue才添加的元素都算】 这种效果如果直接在vue函数中实现的话，代码如下： html代码 js代码 然而这样会有一个错误，echar
vue中nextTick使用引起的一个小问题
趟过java，遇见web
12-03 1156
vue，watcher，nextTick，宏观任务，微观任务，antVF2
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘scrollTo ‘) 报错解决方法
m0_60585777的博客
10-17 1万+
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘scrollTo ‘) 报错解决方法
关于在vue中使用echarts时碰到的问题: Error Initialize failed invalid dom
qq_41038929的博客
07-31 6936
一，背景：单独封装了一个JS的echarts方法，组件中调用这个方法后就会报错Error Initialize failed invalid dom。 代码及报错如下： vue 组件中使用： 这是就会出现报错信息： 1 可能会报错：“Error: Initialize failed: invalid dom.” 原因是dom还没挂载完成，导致报错，这里有几个处理办法： 1.1 这里不要用created（用mounted），created这时候还只是创建了实例，但模板还没挂载完成 1.2 用this.$
解决vue3中使用echart echart报错:Cannot read properties of undefined (reading ‘type‘)
weixin_45150813的博客
12-05 6451
解决vue3中使用echart出现如下报错：Cannot read properties of undefined (reading ‘type‘) 把echart实例对象不要用ref等响应式保存，可以使用shallowRef等浅层作用进行保存。点击前往官网查看 具体代码：
Error in nextTick: TypeError: Cannot read properties of undefined (reading initData )
09-08
Error in nextTick: TypeError: Cannot read properties of undefined (reading 'initData')通常是因为在nextTick回调函数中尝试访问未定义的属性initData导致的。 这个错误可能有多个原因。其中一个可能是在回调...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值