Vue3中出现 Uncaught (in promise) TypeError: data.includes is not a function 解决方法

于 2024-06-17 08:00:00 发布
阅读量752 收藏
点赞数 2
分类专栏： BUG 文章标签： vue.js javascript 前端 vue3 Bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47872288/article/details/139635474
版权

目录

1. 问题所示

执行Vue3的时候浏览器终端出现如下问题

Uncaught (in promise) TypeError: data.includes is not a function
    at Object.updateCurrentRowData (current.ts:40:15)
    at Object.setData (index.ts:35:22)
    at Object.commit (index.ts:168:24)
    at watch.immediate (style-helper.ts:49:17)
    at callWithErrorHandling (runtime-core.esm-bundler.js:192:19)
    at callWithAsyncErrorHandling
了解本专栏 订阅专栏 解锁全文 超级会员免费看
码农研究僧
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
vue3 使用element plus 的el-table报错Uncaught TypeError: data.includes is not a function
LlanyW的专栏
01-04 1631
data="order_logs" 这个字段：order_logs有问题，类型不匹配应该是数组不是对象。初始el-table的data字段为数组。换个字段没问题，发现是初始化。el-table渲染报错，
详解Vue.js搭建路由报错 router.map is not a function
10-19
主要介绍了详解Vue.js搭建路由报错 router.map is not a function，非常具有实用价值，需要的朋友可以参考下
TypeError: data.includes is not a function
qq_59833893的博客
10-26 7183
错误原因：数据类型错误。
vue查询数据el-table不更新数据
weixin_45862553的博客
08-03 1万+
从最简单的问题入手，我发现当查询显示全部数据时也不分页，仔细看看代码，发现我每次给data.userlist的都是全部的数据，并不是分页后的数据。如：此时把输入框清空再点查询（即想要查询所有数据），后台可以打印出查到的全部数据，el-table却不显示这些数据。只有网页刷新重新加载才会出现所有数据，且未分页。如：查询名称为abc的数据，.js及.vue后台打印都可以查询到此条数据，el-table却不显示该条数据。如果非要说为啥出现问题，我也不知道，可能就是对象赋值的问题吧。以上，所有问题都解决了。...
报`Uncaught (in promise)`错误解决办法
热门推荐
weixin_46721670的博客
09-26 6万+
使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。
Vue3报错
AquariusWang的博客
03-31 6385
意思就是说，类型错误，data这个数据没有includes这个方法，就是data我们传过来肯定不是一个数组，仔细检查了一下data这个数据，就是我本来应该传过去一个数组，我给写成了一个对象。要学会看报错信息，TypeError:data.includes is not a function。刚开始在查是不是哪里有的date.includes写错了，没查到。
Vue3.x 报 Uncaught TypeError:Object(...) is not a function( Vue3对象不是函数解决思路)
韦_恩的博客
05-17 1万+
今天在vue3的练习时候发现我写的路由总是浏览器报错，仔细校验文档发现并没有错误啊，可总是报Uncaught TypeError:Object(...) is not a function的错误，看下图： 网上针对这个错误的解释都是重名啊、大小写错误啥的。很显然对于我这种老鸟（菜鸡）是不可能犯这种错误的。经过一顿折腾竟然是版本问题。。。。。。。。。。。 我查看了路由的版本号，3.5.1并不是最新的，理论上讲应该问题不大，但是还是抱着试一试的心态把vue相关的都升级了一遍，再次编译，竟然没有这个问题了。真
element-plus报错TypeError: data.includes is not a function
weixin_56381842的博客
04-10 682
element-plus报错TypeError: data.includes is not a function
data.includes is not a function
weixin_48975022的博客
03-17 6591
但是我们写在table里是 :data=data，少些了records这种的。查了好久才知道是数据包裹的问题，比如后端给的数据的data.records。
iOS开发进阶（十六）： Objective-C block、weakself、strongself
IT全栈 华强工作室
05-20 2万+
Block是OC语言中的一种数据类型，它是预先准备好的代码，在需要的时候可以直接执行。可以做为参数传递，也可以做为返回值，一般在实际开发中前者用的比较多。在多线程和网络场景中使用得也相当频繁，一般都是作为回调使用！其形式类似于C语言中指向函数的指针，在开发中也是反向传值的一种方式。在OC中使用操作符声明一个block变量，也是标示着一段block代码块的开始。block的实体包含在{}中。}];
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
vuex 解决报错this.$store.commit is not a function的方法
12-08
Vue.js 是一款流行的前端框架，用于构建用户界面。...如果仍然遇到 `this.$store.commit is not a function` 错误，检查一下是否正确引入和初始化了 Vuex，以及在组件中是否正确地调用了 `commit` 方法。
控制台报错object is not a function的解决方法
09-04
在JavaScript编程中，"object is not a function"的错误通常表示你尝试调用一个对象作为函数，而该对象实际上并不是一个函数。这个问题在给定的描述中是由于一个特殊的命名冲突引起的，涉及到HTML元素的属性名与...
Uncaught TypeError: XXX is not a function问题解决
xue317378914的专栏
03-04 5万+
前端一直显示 Uncaught TypeError: V.data is not a function 错误，这是jquery-ui.min.js 报的一个错误： 排查原因，发现是自己写的js中定义了一个 $.data 方式的函数，应该是是跟jquery-ui.min.js中V.data中的data重名了，导致执行时出现了问题，将这个data换一个名字就好了 总结一下：出现这种情况大概率是某个js里方法的名字与另一个文件的某个方法或者某个id重名，导致执行、引用出现混乱，只要根据报错...
Vue3 - 解决报错 Uncaught (in promise) SyntaxError: “[object Object]“ is not valid JSON（json.parse()无法解析）
王佳斌
05-11 3077
vue.js，vue3，nuxt，JavaScript，uniapp，json字符串，json对象，json报错，JSON.parse()，vue3报错，vue3转换json对象报错，Uncaught (in promise) SyntaxError: “[object Object]“ is not valid JSON at JSON.parse(
使用vuejs3时，报错：Uncaught (in promise)
最新发布
宝码香车的博客
06-14 275
解决报错：Uncaught (in promise)
【bug记录】Uncaught (in promise) TypeError: Object(...) is not a function
x781054643的博客
06-08 2049
vue.js中请求数据，渲染页面时调试台打印出：Uncaught (in promise) TypeError: Object(...) is not a function
关于Uncaught (in promise) TypeError: Object(...) is not a function报错
时漂亮的博客
11-20 2万+
首先看报错,我们可以知道这个报错是在promise里面,也就是在发送请求的过程中出的问题 在api里面导入import request from '@/utils/request'; 导出: export 和 export default 那先来科普下这两者的区别 两者都能做的 导出常量、函数、文件、模块等 可在别的文件import 导入使用导出的(常量、函数、文件、模块) 两者不同的地方 export可以有多个; export default只能有一个 export default为模块指...
typeerror: data.includes is not a function
06-28
## 回答1：<br/>这个错误提示意思是：数据类型错误，data 不是一个包含 includes 方法的函数。 可能是因为你在使用 data 变量时，将其赋值为了一个不支持 includes 方法的数据类型，比如数字、布尔值等。或者是在使用 includes 方法时，将其应用在了一个不支持该方法的数据类型上。 建议检查一下代码，确认 data 变量的数据类型是否正确，或者使用其他方法替代 includes 方法。## 回答1：<br/>这个错误提示意思是：数据类型错误，data 不是一个包含 includes 方法的函数。 可能是因为你在使用 data 变量时，将其赋值为了一个不支持 includes 方法的数据类型，比如数字、布尔值等。或者是在使用 includes 方法时，将其应用在了一个不支持该方法的数据类型上。 建议检查一下代码，确认 data 变量的数据类型是否正确，或者使用其他方法替代 includes 方法。<br> ## 回答2：<br/>TypeError: data.includes is not a function是JavaScript中一种常见的错误类型，通常出现在尝试使用字符串的includes方法时。这个错误的原因通常是因为数据不是一个字符串或者并不具备includes方法。 通常来说，这个错误经常出现在以下几种情况： 1.数据并不是字符串类型。在使用includes方法时，数据需要是字符串类型，如果不是字符串类型或者没有toString()方法就会出现这个错误。 2.数据为null或undefined。如果包含该数据的变量为null或undefined，就会导致数据不具有includes方法并且报错。 3.数据为数字类型。数字类型没有includes方法，调用时也会报错。 如何解决这个错误呢？ 首先，我们需要检查数据类型是否正确，如果数据不是字符串类型，则需要先将其转换为字符串，最简单的方式就是使用toString()方法，比如 '12345'.toString()。 另外，如果数据为null或undefined，需要添加判断避免使用includes方法。 最后，如果数据为数字类型，需要在其前面添加字符串来转换类型，例如 "123".includes('2')。 总的来说，需要对数据的类型进行判断和转换，避免在不支持includes方法的数据类型上调用该方法。<br> ## 回答3：<br/>"TypeError: data.includes is not a function"是一个常见的错误，通常出现在JavaScript代码中。该错误提示意味着代码中尝试在一个不支持.includes() 方法的数据类型上调用.includes() 方法。通常来说，.includes() 方法可以在字符串和数组类型上使用，而对于其他数据类型，可能不支持.includes() 方法，因此就会导致发生该错误。 可能出现这种错误的原因有很多，以下是可能的原因： 1. 对于非字符串和数组类型的数据类型使用.includes() 方法，比如数字、布尔值、undefined等。 2. 创建了一个空的变量或对象，然后试图在其中查找某个值。 3. 在代码中使用了一个未定义的变量或参数，导致在运行时无法调用.includes() 方法。 4. 在旧版本的浏览器中使用.includes() 方法，因为该方法在ES6中才被引入，不被一些较老的浏览器支持。 解决该错误的步骤如下： 1. 确认发生错误的该行代码中调用.includes() 方法的数据类型，确保它是一个字符串或数组类型。 2. 检查该行代码的语法和拼写是否正确。 3. 使用console.log输出数据类型，以便确定参数是否合法且符合预期。 4. 尝试使用其他的字符串和数组方法来达到相同的效果，例如 indexOf() 方法来判断包含性。 5. 如果在旧版本的浏览器中使用.includes() 方法，则可以选择使用其他第三方库或兼容性方法将其进行更新。 总之，要避免发生"TypeError: data.includes is not a function"错误，开发者应该始终检查要调用方法的数据类型，并对代码进行适当的优化和测试，以确保代码的健壮性和可靠性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农研究僧

你的鼓励将是我创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值