Error in nextTick: “TypeError: Cannotread property ‘init‘ of undefine

原创 已于 2023-10-07 09:40:46 修改 · 683 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
于 2021-04-16 15:08:55 首次发布
本文讲述了在使用ECharts时遇到的版本冲突问题，如何通过降低版本或采用import * from 'echarts'全局引用来解决。同时，强调了组件加载顺序和使用nextTick或setTimeout避免因DOM未加载导致的错误。

在这里插入图片描述使用echarts时，发现一直报错并且不展示，后来发现是版本问题，要么降低版本，要么就使用 import * as echarts from ‘echarts’; 这个引用方法是现在官网推荐的5.0以上的，建议使用这种引用方式，这个 * 就代表引入全部模块
在这里插入图片描述
在这里插入图片描述这样就能正常展示不报错啦
如果是别的那就是因为子组件还没加载出来你就赋值了，他找不到这个dom所以报错，意思是要有先后顺序，这个东西先得存在才能对这个东西进行赋值等操作，所以使用nextTick就行，或者setTimeout也可

标签
#vue.js
广寒君
关注
STM32F4XX软件模拟I2C实现MPU6050姿态数据采集
最新发布
butter的博客
02-14 658
本文详细介绍了在STM32F4XX平台上通过软件模拟I2C驱动MPU6050传感器实现姿态数据采集的完整方案。内容涵盖软件I2C的GPIO配置、核心通信函数实现、MPU6050寄存器配置详解以及数据读取处理流程，为硬件资源受限的嵌入式应用提供了灵活的解决方案，并分享了调试技巧与常见问题处理方法。
ADS交叉耦合振荡器VCO仿真
qq_32589131的博客
07-17 5320
本文主要参考视频中如何使用进行ADS交叉耦合振荡器仿真和分析，由于视频中有诸多错误和视频清晰度较低，虽然视频博主及时改正，为了节省学习时间，可以直接参考本文。
Error in nextTick
小糖穿越火线
06-15 8375
Error in nextTick 解决：找到使用nextTick的地方，因为在之前数据为空导致的，因此加一个判断在nextTick之前 if (Array.isArray(this.classList) && this.classList.length > 0) { that.$nextTick(() => { ... }); } ...
彻底解决Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
renkai721的专栏
09-19 1万+
Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
Error in nextTick “TypeError Cannot read property ‘xxx‘ of undefined“
m0_59092234的博客
03-05 2074
报这个错主要是因为子组件还没加载完成就对子组件进行赋值，推荐使用第一个 this.$nextTick( ()=> { //修改子组件的内容 }); //或 setTimeout(() => { //修改子组件的内容 }, 50); 父组件传值给子组件，子组件不能直接修改，会报错 //子组件修改父组件的值 this.$emit('名字','值'); //子组件调用父组件的方法 this.$emit('方法', va
Error in nextTick “TypeError Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到
a10534126的博客
03-03 383
场景如下，第一次点击找不到init（一般人做不出来这种操作） /** 新增按钮操作 */ handleAdd(id,couponStatus) { this.reset(); if(id==0||id==1){ this.$nextTick(() => { //弹窗开关 this.addOrUpdateVisible=true this.$refs.AddOrUpdate.init(id
[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘map‘ of null“
weixin_43366084的博客
07-30 6169
[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'map' of null"
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..
Error in nextTick: “TypeError: Cannot read property ‘xxx‘ of undefined“
SSHLY3的博客
12-04 808
this.$nextTick( ()=> { //修改子组件的内容 });或 setTimeout(() => { //修改子组件的内容 }, 50);
Error in nextTick: “TypeError: Cannot read property ‘init‘ of undefined“
阿小绿的博客
03-31 1860
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’
TypeError: Cannot read property 'resetUpScroll' of null
风花一世月
03-29 990
在onshow中使用mescroll-body组件this.mescroll.resetUpScroll()方法会报错，延迟50秒会正常 这个报错通常是由于在onShow生命周期中访问某些组件的属性或方法时，这些组件尚未完全初始化所导致的。 延迟50毫秒后调用resetUpScroll方法可能是因为这样做可以让组件有足够的时间进行初始化，从而避免了出现这个错误。 在onShow生命周期中，如果你...
Error in nextTick: “TypeError: Cannot read property ‘execRowDataApi‘ of undefined
笑到世界都狼狈的博客
08-04 656
我在写vue项目的时候，点击按钮，会报错Error in nextTick: "TypeError: Cannot read property 'execRowDataApi' of undefined 如下图所示： 解决方法：加上if判断，先判断是否存在，如果存在执行，否则不执行 reloadTable() { this.$nextTick(() => { console.log(999) if (this.$refs.r...
TypeError: Cannot read properties of undefined (reading ‘NAME‘)报错解决
guapilixianghe的博客
03-01 1万+
它定义子在data里面。这样就发现错误了，科室的DEP_TYPE查询出来之后如果有和Type_Ary里面的数据不一致的就会直接报错。
[Vue warn]: Error in nextTick: “TypeError: Cannot read properties of null (reading ‘resultDescriptio
agua001的博客
09-28 1万+
1、问题重现: 子组件： setBuildValue(value) { console.log(value); // 文本域字数统计 this.problemNum = 50 - value.swConstructionQuestion.problemDescription.length; this.resultNum = 50 - value.swConstructionQuestion.resultDescription.length; this.buildData
【微信小程序】关于 TypeError: Cannot read property ‘setValidInit‘ of undefined 报错
aDiaoYa_的博客
04-02 2416
的意思是无法读取undefined的属性“setValidInit”。这是基础库2.27.3版本的问题，改成2.29.2就正常了。每点击一次页面小程序页面，都会出现这种报错。
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘getAttribute’)” 问题的解决
syz1203的博客
09-22 1万+
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
“TypeError: Cannot read property ‘init‘ of undefined”在Vue中使用echarts,导入时报错
hh3167253066的博客
06-25 998
解决：在引用时： import echarts from ‘echarts’ 改为 import * as echarts from ‘echarts’
【微信小程序】TypeError: Cannot read property ‘get‘ of undefined & Error: MiniProgramError
热门推荐
JMFive的博客
03-28 1万+
此专栏是我是夜阑的狗对程序报错的解决方法，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。🎉更多专栏订阅:😀【LeetCode题解（持续更新中）】🌼【鸿蒙系统】👑【Python脚本笔记】🚝【Java Web项目构建过程】
报错：Error in nextTick: “RangeError: Maximum call stack size exceeded“
m0_48884170的博客
03-28 1080
报错：Error in nextTick: "RangeError: Maximum call stack size exceeded"
Error in nextTick: “NotFoundError: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which
weixin_46949892的博客
11-30 2224
Error in nextTick: “NotFoundError: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which
VUMT-Tsai-Wu_复合材料vumat_fortran90_复合材料VUMAT_TSAI-WU_复合材料失效_
复合材料VUMAT层压板三维分析，失效准则为蔡-吴失效
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值