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

web_anset

于 2022-02-23 00:47:29 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 html 面试文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/web_anset/article/details/123080958

前端同时被 3 个专栏收录

2 篇文章

订阅专栏

html

2 篇文章

订阅专栏

面试

2 篇文章

订阅专栏

在排查Vue.js应用的错误时，遇到一个回调函数中的错误：TypeError: Cannot read property 'reduce' of null。起初误认为是缺少'reduce'字段，但全局搜索未找到相关使用。通过逐步删除代码定位问题，发现错误源于'data'变量的初始格式错误。修复方法是将'data'设置为空数组：JuTplList: []，从而解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天发现了一个报错提示，虽然不影响使用但还是看看怎么解决吧
[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，奈何小白一枚，只能够通过清除区块代码来过滤筛选问题所在，筛到el-table错误就不报了，然后看了一下是里面的row-key报出来的，我将row-key去除就没有了，然后发现row-key的id都是正常的，在找了一圈才发现是我 :data的数据变量默认格式错了，所以又栽在这种不该出现的问题上了，学艺不精啊，在这里插入图片描述
将JuTplList改为:[]就正常了