TypeError: Cannot read property 'length' of null

最新推荐文章于 2024-08-14 09:45:00 发布
最新推荐文章于 2024-08-14 09:45:00 发布
阅读量2k 收藏
点赞数 1
文章标签： javascript ViewUI

本文为博主原创，未经允许不得转载：

异常展示：

[Vue warn]: Error in getter for watcher "filterAndSortData": "TypeError: Cannot read property 'length' of null"

found in

---> <UxTable>
       <UxCol>
         <UxRow>
           <CustomerDomainCofigDetail> at src/web/manage/customerManage/CustomerDomainCofigDetail.vue
             <ElMain>
               <ElContainer>
                 <MainAdmin> at src/web/manage/MainAdmin.vue
                   <App> at src/app.vue
                     <Root>
warn @ vue.esm.js?efeb:591
logError @ vue.esm.js?efeb:1737
globalHandleError @ vue.esm.js?efeb:1732
handleError @ vue.esm.js?efeb:1721
get @ vue.esm.js?efeb:3145
run @ vue.esm.js?efeb:3219
flushSchedulerQueue @ vue.esm.js?efeb:2981
(anonymous) @ vue.esm.js?efeb:1837
flushCallbacks @ vue.esm.js?efeb:1758
Promise.then (async)
microTimerFunc @ vue.esm.js?efeb:1806
nextTick @ vue.esm.js?efeb:1850
queueWatcher @ vue.esm.js?efeb:3068
update @ vue.esm.js?efeb:3209
notify @ vue.esm.js?efeb:697
reactiveSetter @ vue.esm.js?efeb:1014
proxySetter @ vue.esm.js?efeb:3300
(anonymous) @ CustomerDomainCofigDetail.vue?6300:488
Promise.then (async)
initData @ CustomerDomainCofigDetail.vue?6300:482
created @ CustomerDomainCofigDetail.vue?6300:627
callHook @ vue.esm.js?efeb:2921
Vue._init @ vue.esm.js?efeb:4630
VueComponent @ vue.esm.js?efeb:4798
createComponentInstanceForVnode @ vue.esm.js?efeb:4310
init @ vue.esm.js?efeb:4131
createComponent @ vue.esm.js?efeb:5608
createElm @ vue.esm.js?efeb:5555
updateChildren @ vue.esm.js?efeb:5845
patchVnode @ vue.esm.js?efeb:5936
patch @ vue.esm.js?efeb:6096
Vue._update @ vue.esm.js?efeb:2670
updateComponent @ vue.esm.js?efeb:2788
get @ vue.esm.js?efeb:3142
run @ vue.esm.js?efeb:3219
flushSchedulerQueue @ vue.esm.js?efeb:2981
(anonymous) @ vue.esm.js?efeb:1837
flushCallbacks @ vue.esm.js?efeb:1758
vue.esm.js?efeb:1741 TypeError: Cannot read property 'length' of null
    at recursiveRows (utils.js?8c28:43)
    at normalizeRows (utils.js?8c28:61)
    at VueComponent.normalizeData (table.js?7ae6:141)
    at Watcher.get (vue.esm.js?efeb:3142)
    at Watcher.evaluate (vue.esm.js?efeb:3249)
    at VueComponent.computedGetter [as normalizeData] (vue.esm.js?efeb:3507)
    at VueComponent.filterAndSortData (table.js?7ae6:180)
    at Watcher.get (vue.esm.js?efeb:3142)
    at Watcher.evaluate (vue.esm.js?efeb:3249)
    at VueComponent.computedGetter [as filterAndSortData] (vue.esm.js?efeb:3507)
logError @ vue.esm.js?efeb:1741
globalHandleError @ vue.esm.js?efeb:1732
handleError @ vue.esm.js?efeb:1721
get @ vue.esm.js?efeb:3145
run @ vue.esm.js?efeb:3219
flushSchedulerQueue @ vue.esm.js?efeb:2981
(anonymous) @ vue.esm.js?efeb:1837
flushCallbacks @ vue.esm.js?efeb:1758
Promise.then (async)
microTimerFunc @ vue.esm.js?efeb:1806
nextTick @ vue.esm.js?efeb:1850
queueWatcher @ vue.esm.js?efeb:3068
update @ vue.esm.js?efeb:3209
notify @ vue.esm.js?efeb:697
reactiveSetter @ vue.esm.js?efeb:1014
proxySetter @ vue.esm.js?efeb:3300
(anonymous) @ CustomerDomainCofigDetail.vue?6300:488
Promise.then (async)
initData @ CustomerDomainCofigDetail.vue?6300:482
created @ CustomerDomainCofigDetail.vue?6300:627
callHook @ vue.esm.js?efeb:2921
Vue._init @ vue.esm.js?efeb:4630
VueComponent @ vue.esm.js?efeb:4798
createComponentInstanceForVnode @ vue.esm.js?efeb:4310
init @ vue.esm.js?efeb:4131
createComponent @ vue.esm.js?efeb:5608
createElm @ vue.esm.js?efeb:5555
updateChildren @ vue.esm.js?efeb:5845
patchVnode @ vue.esm.js?efeb:5936
patch @ vue.esm.js?efeb:6096
Vue._update @ vue.esm.js?efeb:2670
updateComponent @ vue.esm.js?efeb:2788
get @ vue.esm.js?efeb:3142
run @ vue.esm.js?efeb:3219
flushSchedulerQueue @ vue.esm.js?efeb:2981
(anonymous) @ vue.esm.js?efeb:1837
flushCallbacks @ vue.esm.js?efeb:1758
vue.esm.js?efeb:591 [Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null"

found in

---> <UxTable>
       <UxCol>
         <UxRow>
           <CustomerDomainCofigDetail> at src/web/manage/customerManage/CustomerDomainCofigDetail.vue
             <ElMain>
               <ElContainer>
                 <MainAdmin> at src/web/manage/MainAdmin.vue
                   <App> at src/app.vue
                     <Root>
warn @ vue.esm.js?efeb:591
logError @ vue.esm.js?efeb:1737
globalHandleError @ vue.esm.js?efeb:1732
handleError @ vue.esm.js?efeb:1721
Vue._render @ vue.esm.js?efeb:4546
updateComponent @ vue.esm.js?efeb:2788
get @ vue.esm.js?efeb:3142
run @ vue.esm.js?efeb:3219
flushSchedulerQueue @ vue.esm.js?efeb:2981
(anonymous) @ vue.esm.js?efeb:1837
flushCallbacks @ vue.esm.js?efeb:1758
Promise.then (async)
microTimerFunc @ vue.esm.js?efeb:1806
nextTick @ vue.esm.js?efeb:1850
queueWatcher @ vue.esm.js?efeb:3068
update @ vue.esm.js?efeb:3209
notify @ vue.esm.js?efeb:697
reactiveSetter @ vue.esm.js?efeb:1014
proxySetter @ vue.esm.js?efeb:3300
(anonymous) @ CustomerDomainCofigDetail.vue?6300:488
Promise.then (async)
initData @ CustomerDomainCofigDetail.vue?6300:482
created @ CustomerDomainCofigDetail.vue?6300:627
callHook @ vue.esm.js?efeb:2921
Vue._init @ vue.esm.js?efeb:4630
VueComponent @ vue.esm.js?efeb:4798
createComponentInstanceForVnode @ vue.esm.js?efeb:4310
init @ vue.esm.js?efeb:4131
createComponent @ vue.esm.js?efeb:5608
createElm @ vue.esm.js?efeb:5555
updateChildren @ vue.esm.js?efeb:5845
patchVnode @ vue.esm.js?efeb:5936
patch @ vue.esm.js?efeb:6096
Vue._update @ vue.esm.js?efeb:2670
updateComponent @ vue.esm.js?efeb:2788
get @ vue.esm.js?efeb:3142
run @ vue.esm.js?efeb:3219
flushSchedulerQueue @ vue.esm.js?efeb:2981
(anonymous) @ vue.esm.js?efeb:1837
flushCallbacks @ vue.esm.js?efeb:1758
vue.esm.js?efeb:1741 TypeError: Cannot read property 'length' of null
    at recursiveRows (utils.js?8c28:43)
    at normalizeRows (utils.js?8c28:61)
    at VueComponent.normalizeData (table.js?7ae6:141)
    at Watcher.get (vue.esm.js?efeb:3142)
    at Watcher.evaluate (vue.esm.js?efeb:3249)
    at VueComponent.computedGetter [as normalizeData] (vue.esm.js?efeb:3507)
    at VueComponent.spinClasses (table.js?7ae6:313)
    at Watcher.get (vue.esm.js?efeb:3142)
    at Watcher.evaluate (vue.esm.js?efeb:3249)
    at Proxy.computedGetter (vue.esm.js?efeb:3507)

该异常原因：由于在页面加载数据初始化的时候，定义了一个数组的数据类型，从后台获取数据初始化给该变量赋值，由于后台返回数据为null，将其赋值给数组的时候就报错了，

解决方法：在赋值的时候加一层为空的判断和校验即可解决

weixin_34202952
关注
Vue3 - 解决报错 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)
王佳斌
07-16 3648
vue3，nuxt3，无法读取null的属性（读取“insertBefore”），vue3 insertBefore，报错，Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)，详细解决，v-if 导致，v-show，渲染时报错，dom元素，改变时报错，组件，插件，vue版本升级，依旧报错，还是不行，改了还报错，点击按钮展示弹框报错，本地启动时，页面所有操作正常，显示正常；部署到生产环
CocosCreator场景动态加载预置物体，二次加载场景报错TypeError: Cannot read property 'length' of null
楊帥
11-13 2360
TypeError: Cannot read property 'length' of null这个错的是js上面报错，原因就是参数不符合规格，有null存在，那么就重点排查每一个参数的的值。 出问题代码： logUtils.log("aaaaa=======", this.bt); where.node.addChild(this.bt); 打印首次加载参数值 打印二次加载参数的值 进行...
vue项目中满屏报错：TypeError:Cannot read property length of null
deciduous_leaves的博客
06-08 2498
改别人的代码，满屏报TypeError: Cannot read property 'length' of null，这种报错根本定位不到出错代码，小小崩溃。改就改吧，一个2000行代码的编辑页，代码格式乱到没眼看，呼～深呼吸，静下心来慢慢找。 首先我把页面中所有的.length数据找到，在标签里加上了v-if="data && data.length > 0",在js代码中也加上了if判断，然后又找到所有的for循环，也加上了判断，先确定所要操作的数组元素是否存在，再去找它的l
TypeError: Cannot read property ‘length‘ of undefined ：读取未定义变量长度的完美解决方法
最新发布
沉淀、分享、成长，让自己和他人都能有所收获！
08-14 2万+
TypeError: Cannot read property 'length' of undefined 🚫：读取未定义变量长度的完美解决方法摘要 📝1. 引言 🎯1.1 什么是 `TypeError: Cannot read property 'length' of undefined`?🤔2. 错误原因分析 🕵️‍♂️2.1 未初始化或未赋值的变量 🔍2.2 变量赋值为 `null` 🌐2.3 函数返回值为 `undefined` 🛑3. 解决方法 🛠️3.1 检查变量是否已初始化 📝。
Uncaught TypeError: Cannot read property 'length' of null错误怎么处理？
weixin_34214500的博客
09-04 649
Uncaught TypeError: Cannot read property 'length' of null 错误怎么处理？ 1.可能是返回的datagrid数据格式有问题，比如{"total":0,"rows":null}，改为{"total":0,"rows":"[]"}就可以了  if (capital != null &amp;&amp; capital
TypeError: Cannot read property ‘length‘ of null
imkaifan的博客
08-14 2340
参考如下代码讲解： 在请求回调里将请求返回的值进行一个赋值操作，如果我们的后台不规范，当数据为空的时候，给前端返回了一个null，而不是一个空数组。而且此时可以看到我们在代码中其实是用到了这个值进行了一个判断渲染，null上面怎么会有length属性呢。 所以不妨看一看后台接口返回的是个什么鬼。 <sn-container left="74.3" top="4.25" :show="Boolean(annunciator.data.length)"> <sn-figure
Uncaught TypeError: Cannot read property ‘length‘ of null解决经验贴
weixin_36466834的博客
12-11 5062
这是因为length属性不能测null的长度，所以在使用length属性前可以先判断一下某个字段是否可能为null。例： if( result != null) { if (0 != result.length) //操作; }
js报错uncaught typeerror: cannot read property 'length' of null
Kirahusb的博客
04-26 6365
js报错uncaught typeerror: cannot read property ‘length’ of null 先上问题代码： fmt_customerLaber : function (column,row){ var cuslaber =""; if( row.cusLabelList ！= null...
checkbox组件Error in render: “TypeError: Cannot read property ‘length‘ of null“错误的解决方案
qq_45611841的博客
04-22 1760
项目里面使用checkbox组件，通过循环遍历生成选项，但是执行的时候产生了标题的错误 <div v-else-if="type == 'checkbox'"> <el-checkbox-group v-model="settingValue1"> <el-checkbox v-for="(item, index) in options" :key="index" :labe
Uncaught TypeError: Cannot read property 'length' of null
君当自强
10-22 1万+
前端页面不显示，console中报错：Uncaught TypeError: Cannot read property 'length' of null 代码如下： <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> <!DOCTYPE html&gt...
[Vue warn]:Error in render: "TypeError: Cannot read property 'length' of null"
qq_32849999的博客
12-13 7663
错误定位不到，不知道哪里有错。当把music-list组件的props：{songs：default：}中的null改为【】就不会报错，类似这种错误，我们如何定位问题？比如这种错误，根本不能告诉我们错误代码行？？？？？ 首先，根据错误提示你可以知道报错是哪个组件，其次顺着错误堆栈往上找，发现发生在 Vue._render 阶段，就知道是模板渲染的时候报错，最后根据报错信息 Cannot ...
报错 | TypeError: Cannot read property ‘length‘ of null uni-app
A123ppleQueen的博客
09-23 729
111
项目中遇到Cannot read property 'length' of null
weixin_41656074的博客
04-12 1万+
最近在做一个动态路由的项目,需要有三层嵌套循环去改变后台传过来的数据字段以及其他操作,比如给component值加".index"等. 遍历第三层时,报错Cannot read property 'length' of null 然后苦思冥想,发现是因为第三层的只有下标为3的字段是不为空的,其他下标的字段都为空.所以没有遍历到就报错没有读取到length 后台返回的数据如下,permiss...
关于 Cannot read property ‘length‘ of null 报错的解决办法
票票的博客
07-07 1811
原因：后端没有数据要返回时，给前端返回了null，就报错Cannot read property 'length' of null
日常-关于“Cannot read property 'length' of null”报错
_继先的博客
04-09 4万+
“Cannot read property ‘length’ of null”这个错误之前也遇到过,但是解决了没总结也就给丢了. 情景: 今天运行之前的页面突然就不能用了,F12一看报错了,就是“Cannot read property ‘length’ of null”,于是各种找问题,一段一段代码注释掉,发现是在datagrid加载的时候报的错,因为之前对日期格式化更改了方法,但是注释掉这部分
vue 错误 TypeError: Cannot read property 'length' of undefined...
weixin_42489783的博客
09-11 1万+
在项目中，有遇到这样一个问题，我在methods中明明可以输出length， 在v-if中判断 v-if=“hallData.myGameList.length&gt;0 1:0” 控制台一直显示 总结原因是因为在页面加载的时候，极短的时间内，Ajax的数据还没有回来，所以length就会显示undefined， 所以只要在代码中加入 v-if="hallData.myGame...
vue项目中的报错问题TypeError: Cannot read property 'Length' of undefined
zhlYYY的博客
07-11 1703
Error in callback for watcher “value”: “TypeErroe: Cannot read property ‘length’ of undefined” TypeError: Cannot read property ‘Length’ of undefined 在vue中，经常会报以上这样的错误，检查代码又觉得并没有什么问题，其实出现的问题是非常的细小的，可能自...
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 9万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
TypeError: Cannot read property 'wxLogin' of undefined
08-23
TypeError: Cannot read property 'wxLogin' of undefined 错误的原因是undefined对象上无法读取属性'wxLogin'。 通常发生这种错误是因为尝试在undefined对象上访问一个不存在的属性。 这可能是因为未正确初始化对象或未正确引入相关库导致的。 要解决此问题，您可以按照以下步骤进行操作： 1. 确保您正确引入了包含'wxLogin'属性的对象。 检查您的代码，确保在使用'wxLogin'之前已经定义和初始化了相应的对象。 2. 检查您的依赖项和导入语句。 如果您使用了外部库或模块，确保您正确导入了相关的依赖项。 检查您的导入语句，确保您导入的模块或库包含'wxLogin'属性。 3. 检查您的代码逻辑。 如果您在代码中手动创建了对象，请确保正确初始化了该对象并为其设置了'wxLogin'属性。 4. 如果问题仍然存在，请检查您的代码中是否存在拼写错误或语法错误。 仔细检查代码中的拼写错误，确保您正确引用了'wxLogin'属性。 请注意，由于缺乏代码示例和上下文，以上解决方法可能不完整或不适用于您的特定情况。 请根据您的实际情况恰当地应用这些解决方法，并根据需要进行调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx](https://download.csdn.net/download/rongbo91/77070400)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [TypeError: Cannot read property ‘upgrade‘ of undefined](https://blog.csdn.net/c327127960/article/details/129818909)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [TypeError: Cannot read property ‘length’ of undefined](https://blog.csdn.net/ASHIYI66/article/details/130223894)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值