【报错】TypeError: Invalid attempt to destructure non-iterable instance. In order to be iterable, non-ar

最新推荐文章于 2024-01-30 18:00:13 发布
最新推荐文章于 2024-01-30 18:00:13 发布
阅读量1.2w 收藏
点赞数
分类专栏： 日常报错 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Adollar/article/details/127077091
版权
本文介绍了在JavaScript中遇到`TypeError: Invalid attempt to destructure non-iterable instance`错误时的问题背景及解决方案。当尝试监听一个非可迭代对象并触发接口请求时，错误发生。文章探讨了如何修正这个问题，确保正确地处理变量变化以避免此类报错。
摘要由CSDN通过智能技术生成

问题背景

想要监听一个如下所示的变量，当它改变的时候重新请求接口。当监听整个变量时，报错TypeError: Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method

const currentData = {
   
    label: '文件1',
    value: '1',
    onwerType: 'Class',
最低0.47元/天 解锁文章
七日谭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp 开发过程遇见的报错及解决办法（良心作品）
zmx781284440的博客
06-08 1895
Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method
react - 报错Unhandled Rejection (TypeError): Invalid attempt to spread non-iterable instance（详细解决教程）
最新发布
高级前端工程师
03-20 2354
react，前端react.js，Invalid attempt to spread non-iterable instance，a-upload，react报错怎么解决，如何解决react框架报错，ant design vue，ant组件库报错，ant upload上传组件报错，react+antdesignvue使用上传组件a-upload报错Unhandled Rejection (TypeError): Invalid attempt to spread non-iterable instance，
APP开发，List中使用v-for,但uniapp报错TypeError: Invalid attempt to destructure non-iterable instance.
weixin_43604220的博客
03-20 3924
APP开发，List中使用v-for,但uniapp报错TypeError: Invalid attempt to destructure non-iterable instance. （其中包含App端，真机测试页面响应缓慢问题）
Uncaught (in promise) TypeError: Invalid attempt to destructure non-iterable instance
JCM_ZZ的博客
01-30 2117
Uncaught (in promise) TypeError: Invalid attempt to destructure non-iterable instance
【解决】TypeError: Invalid attempt to destructure non-iterable instance.In order to be iterable, non-a..
huangfuyk.的博客
07-22 9421
使用uniapp做APP，浏览器调试时没问题，真机调试时，HbuilderX控制台打印如下错误信息。我是在父组件引用了一个子组件，子组件内的数据是通过在子组件内调用接口获取到的，如果子组件内的数据是通过父组件props传过去的，使用v-show也可以。网上有各种答案，说明引起这种情况的原因有很多种，只说一下我遇到的。并且我在子组件内使用的是v-show来判断该子组件的显示与否，当把。由父组件props传来的。...
【解决】TypeError: Invalid attempt to destructure non-iterable instance.In order to be iterable, non...
m0_65284931的博客
12-29 4966
我出现这样问题的原因是因为虚拟绑定了请求的对象属性，在页面加载的时候由于初始化没有数据就会报以上错误，解决办法， 提前写好渲染数据的字段就ok了。使用uniapp做APP真机调试时，HbuilderX控制台打印如下错误信息。
微信小程序报错 Invalid attempt to destructure non-iterable instance.
shabbyaxe的博客
01-05 2万+
遇到的问题： TypeError: Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a Symbol.iterator method TypeError:试图解构不可迭代实例的无效尝试。为了成为可迭代对象，非数组对象必须有一个符号。迭代器方法 解决办法： 经排查，不是代码上的问题，重启工具，清缓存，重启电脑，解决。 ...
小程序报错：Invalid attempt to destructure non-iterable instance
junjiahuang的博客
09-05 1万+
TypeError: Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a Symbol.iterator method 打包上线，product环境下，点击页面跳转，报以上错误。 排查，bug的位置在请求前，请求后的地方。 换了版本库后，出现另一个提示。 经排查，不是代码上的问题，重启工具，清缓存，重启电脑，解决。 ...
Uncaught TypeError: Invalid attempt to destructure non-iterable instance
Li_Ning21的博客
12-20 4481
比较有意思的问题： 之前从没见到过这种报错。 查询原因是我提交数据的时候，采用解构的方式拿数据，但是后来数据没了，出的问题 [this.rowItem.limitPayType, , this.rowItem.limitPaySubType] = this.rowItem.limitPayTypeList; 提交时 rowItem中，其实是没有limitPayTypeList这个数组数据了，所以出错了，干掉就好了 ...
【ant+vue】RangePicker Invalid attempt to destructure non-iterable instance错误解决办法
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
01-10 1679
问题代码 <a-range-picker class="margin-right-10" @change="onChangeTaskDuration" format="YYYY-MM-DD" /> //click the time interval,click ok to call back onChangeTaskDuration(date, dateString) { xxx }, 解决办法 再次查看官方文档
错误In order to be iterable, non-array objects must have a [Symbol.iterator]() method.
热门推荐
ggbee_的博客
09-24 4万+
在渲染数据的时候，有时候会报错Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.找了很久都没发现哪里错了，总说我试图破坏不可迭代实例的结构无效。为了具有可迭代性，非数组对象必须有一个[Symbol.iterator]()方法。 所以在通过网络请求获取数据的时候，给渲染数据的对象赋值时候.
错误：Invalid attempt to spread non-iterable instance
xiaoyuer_2020的博客
06-05 9607
这种错误一般是延展运算符使用出了错误，例如在一个对象前面用了延展运算符。 let select = { id: 1 } //因为select是一个对象，所以会出错。 newSelectionArray = [...select, newSelection]; ...
Invalid attempt to spread non-iterable instance 错误解决办法js
He Manyuan
09-01 4423
一句话文章： 当抛这个错的时候，百分之大多数的情况都是你解构了，不能解构的东西，比如undefined。
Error in v-on handler: “TypeError: Invalid attempt to spread non-iterable instance
qq_42685053的博客
03-03 9591
报错如下 谷歌浏览器控制台报错信息： vue.esm.js?a026:628 [Vue warn]: Error in v-on handler: "TypeError: Invalid attempt to spread non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method." found in ---> <ElButton> a
TypeError: Invalid attempt to spread non-iterable instance. In order to be iterable, non-array objec
zhu_zhen_xi的博客
11-27 4478
可能是console打印了 …test
es7合并数组相关 报错Uncaught (in promise) TypeError: Invalid attempt to spread non-iterable instance...
weixin_43201090的博客
06-01 7306
方法一： let o1 = { a: 1, b: 2, c: 3 }; let o2 = {…o1, d: 4}; // o2 = { a: 1, b: 2, c: 3, d: 4 } let arr1 = [0, 1, 2]; let arr2 = […arr1, 3]; // arr2 = [0, 1, 2, 3] 方法二： let o1 = { a: 1, b: 2, c: 3 }; let o2 = Objcet.assign({}, o1, { d: 4 }); // o2 = { a: 1, b
TypeError: Invalid attempt to spread non-iterable instance.In order to be iterable, non-array objec
leod110的博客
04-17 2236
在进行小程序开发的学习时出现了以下错误 后来检查了一下，是由于需要接受的数值shopList当时定义的是一个对象 也就是 将其改为数组即可 也就是 shopList:[]
es7合并数组相关 报错Uncaught (in promise) TypeError: Invalid attempt to spread non-iterable instance. In ...
祗想安静地的博客
05-11 1187
方法一： let o1 = { a: 1, b: 2, c: 3 }; let o2 = {…o1, d: 4}; // o2 = { a: 1, b: 2, c: 3, d: let arr1 = [0, 1, 2]; let arr2 = […arr1, 3]; // arr2 = [0, 1, 2, 3] 方法二： let o1 = { a: 1, b: 2, c: 3 }; let o2 = Objcet.assign({}, o1, { d: 4 }); // o2 = { a: .
Uncaught TypeError: Invalid attempt to spread non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.
05-25
// Uncaught TypeError: Invalid attempt to spread non-iterable instance ``` 而如果你想要展开数字，可以将其转换为可迭代对象，例如字符串： ``` const num = 123; const arr = [...String(num)]; // ['1', '...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值