Error in callback for watcher “data“:“type error :cannot read properties of null (reading ‘reduce‘)“

最新推荐文章于 2023-04-19 10:52:24 发布

babyrita

最新推荐文章于 2023-04-19 10:52:24 发布

阅读量533

点赞数

文章标签：前端 javascript java

本文链接：https://blog.csdn.net/babyrita/article/details/130018498

版权

新加入的项目，莫名报错

发现是elementui的table 组件，绑定的data数据，没有判断请求是否为200，就直接赋值了，这样就导致接口500的时候，拿不到data,给table赋值的是null

解决办法：
data:{
return{
tableData:[]
}
}

接口请求的接口，判断是否200，是的时候再赋值

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

babyrita

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue2/3 - echarts报错Error in callback for watcher “chartSource“: “Error: Initialize failed: invalid do

高级前端工程师

05-13

2670

vue.js，vue2，vue3，echarts，Echarts图表插件，vue3+charts报错，chartSource，为什么会报错，图表渲染失败，加了if判断依旧报错，echarts chartSource，回调观察程序“chartSource”时出错：“错误：初始化失败：dom无效。”，Error in callback for watcher “chartSource“: “Error: Initialize failed: invalid dom.“，解决办法，还是无效怎么办，浏览器控制台报错

el-cascader隐藏某一级的勾选框及vue报错Error in callback for watcher “options“的解决办法

最新发布

qq_37635012的博客

01-04

1111

最后在watch里监听指派类型切换的时候，将selectIndex改变，这样就改变了key。我们给el-cascader了一个类名disableFirstAndSecondLevel，然后style里写隐藏二级勾选框的样式，注意的是，如果这里有scoped可能会导致样式不生效，需要去掉scoped。：在cascader、select中选择了一条数据，再更换类型，没有这条数据了就会报错，watch监听重新渲染标注一下key就好了。包含级联cascader的options、select的option。

参与评论您还未登录，请先登录后发表或查看评论

element-ui更新到新版本后报错：“TypeError: Cannot read property ‘reduce‘ of null“的原因及解决办法

qq_39678607的博客

05-13

2885

报错截图如下：先直接上问题出现的原因及处理方式页面内使用了：<el-table :data=“dataList”>表格组件，并且绑定的data数据dataList默认值设置成了null，而data数据本质是数组，新版本element-ui不支持而报错（疑似表格组件出现Bug，可查看下面的分析总结），因此需要将data默认绑定值设置为空数组，如：dataList:[ ]，问题就处理了！问题出现的背景：最近公司项目中添加新需求，项目中需要使用到element-ui的一些新特性，而项

element table Error in callback for watcher “data“: “TypeError: Cannot read properties of null (read

qubes的专栏

04-19

3444

从提示看，应该是 element table 遍历列表数据 data 引发的。原因1：list初始化数据是 null 导致。原因2：后台接口返回 null 未处理导致。方案2：后台接口调整，无数据时，返回 []列表页面，前后端联调接口，发现控制台报错。方案1：list初始化改为 []

Error in callback for immediate watcher “data“ “TypeError Cannot read properties of null

jiey0407的博客

03-03

8650

今天发现了一个错误提示，虽不影响数据输出，但终究是一个错误，我们就找找原因把他解决。 vue.runtime.esm.js2b0e:619 [Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read properties of null (reading ‘reduce’)” 翻译结果：立即观察者“数据”的回调错误：“类型错误：无法读取 null 的属性经过筛查，我们发现去掉row-key="i

Error in callback for immediate watcher “data“: “TypeError: Cannot read properties of null

热门推荐

让梦想疯狂

12-14

2万+

今天发现了一个错误提示，虽然不影响数据输出，但终究是一个错误，我们就找找原因把他解决。 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback for immediate watcher "data": "TypeError: Cannot read properties of null (reading 'reduce')" 翻译结果：立即观察者“数据”的回调错误：“类型错误：无法读取 null 的属性经过筛查，我们发现去掉ro.

vue项目："TypeError: Cannot read property 'reduce' of null"

魅惑青花瓷

10-28

3867

vue运行项目之后，报TypeError: Cannot read property ‘reduce’ of null 1.查看项目package.json,去除^ 2.删除node_modules 3.使用命令npm cache clean -f 4.npm install 5.npm run dev ...

Error in callback for watcher “value“: “TypeError: Cannot read property ‘repalce‘ of null“

qq_40668646的博客

12-18

1万+

vue空页面value空值问题在页面后台中，输出了Error in callback for watcher “value”: "TypeError: Cannot read property ‘level’ of null"这样的错误，看了网上的一些博客，个人认为就是在input输入框中，当第一次输入，未保存数据之前，接口返回的数据基本都是null，所以可能是会报这个错误解决办法 <u-form-item :label-position="labelPosition" label="出版物种类

高德地图点聚合插件AMap.MarkerClusterer报错Uncaught TypeError: Cannot read properties of null (reading ‘Md‘)

solo_exe的博客

08-25

3970

高德地图点聚合插件AMap.MarkerClusterer报错信息琢磨一天看不出是什么问题，测试之后发现报错原因是重复加载点聚合插件。

【VUE-01】报错信息“Cannot read property ‘reduce‘ of null”

无敌嗨猫的博客

01-14

4953

在使用vue+elementUI展示数据时，时常会用到table的row-key属性，猫哥早期使用时时常会碰到以下报错信息“Cannot read property 'reduce' of null”，网上很多资料推测是vue和elementUI版本不一致导致。经过博主排查后发现，实际致错原因亦可能是table的Data属性绑定值初始为null所致，所以只需将Data绑定的变量值改为空数组即可。 ...

[Vue warn]: Error in callback for immediate watcher “data“: “TypeError: Cannot read property ‘reduce

织网的博客

02-08

1万+

[Vue warn]: Error in callback for immediate watcher "data": "TypeError: Cannot read property 'reduce' of null" 这个错误是el-table的data绑定的值为null造成的，只要把绑定的值赋值为数组就可以解决了。仔细检查el-table的data绑定的值在哪里被赋值为null,比如说初始化的时候items:""而不是items:[],这样就会报这种错，或者是中途哪里隐式地赋值为null

Vue和Element UI项目的异常：TypeError: Cannot read property ‘reduce‘ of null(解决办法)

编程学习者的博客

02-22

2161

1.声明当前内容主要为复习和使用Vue和Element UI并解决其中出现的问题问题描述为table中使用vue绑定数据的问题，启动时出现一大堆错误TypeError: Cannot read property ‘reduce’ of null 当前版本："element-ui": "2.13.0" 和 vue": "2.6.10"（当前版本无问题）响应后页面成功显示数据 2.当前问题的demo 前台vue的页面 <template> <div class="app-co

[Vue warn] Error in callback for immediate watcher “data“ “TypeError Cannot read property ‘reduce

web_anset的博客

02-23

1004

今天发现了一个报错提示，虽然不影响使用但还是看看怎么解决吧 [Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read property ‘reduce’ of null” vue.runtime.esm.js:1888 TypeError: Cannot read property ‘reduce’ of null 一开始以为是不是缺少reduce字段，后面全局搜都没看到有地方用到了reduce，

Error in callback for immediate watcher “data“: “TypeError: Cannot read properties of null (reading

肖肖肖丽珠的博客

01-11

3539

百度说是table的data数据格式应该是数组，如果给的不是数组就会报这个错。但是我打印了截图上面的我是数组里面有三个对象。最后发现原来是我定义的时候data的值写成了null。即使最后重新赋值是个数组但是还是会报这个错。。初始化的时候定义成空数组就好了 ...

Error in callback for watcher "data": "TypeError: children.indexOf is not a function" found in

qq_27628085的博客

02-27

4830

关于Error in callback for watcher “data”: "TypeError: data.indexOf is not a function"的错误说明原因：显示需要数组包含对象的形式，每个对象是一行数据，拿到的数据格式不对。错误例子：从后台获取数据res.data,显示在树中。数据，且都为空。报三个错，如下：经过打印res.data之后...

控制台报错：Error in callback for watcher “data“: “TypeError: data.indexOf is not a function

张张张的博客

11-15

1万+

从后台获取数据的result数据，通过打印result.data,发现result.data是个对象，而你写的表格需要是数组，所以报错了解决方法： 1.让后台修改返回的格式 2.定义一个新的空数组，直接在空数组push这个对象即可。即arr.push(result.data)，这样就成功显示数据了。 ...

[VUE WARN]: ERROR IN CALLBACK FOR WATCHER “data“，监听数据时报错

weixin_48986139的博客

09-30

7485

关于报错 [VUE WARN]: ERROR IN CALLBACK FOR WATCHER “data”，“TypeError: Cannot read properties of null (reading ‘xxxxxxx’)” 含义这个错误是你监听data时方法里的值为null，造成调用xxxxxxx时导致报错, 解决办法一般可以在调用方法前，确保它存在，例如下图： @Watch('data') 你的监听函数的名(newVal){ this.$nextTick(()=>{

Error in callback for watcher "value": "TypeError: Cannot read properties of null (reading 'level')"

09-14

根据您提供的引用内容，报错信息是"Error in callback for watcher 'value': 'TypeError: Cannot read properties of null (reading 'level')'"。这个错误通常发生在Vue的watcher回调函数中，当尝试读取一个空值...