【bug记录】Uncaught (in promise) TypeError: Object(...) is not a function

已于 2022-06-11 11:58:53 修改
阅读量2.1k 收藏 2
点赞数 3
文章标签： vue.js javascript 前端
于 2022-06-08 17:59:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x781054643/article/details/125189532
版权

项目场景：

vue.js中请求数据，渲染页面时

问题描述

调试台打印出：

原因分析/解决方案：

多半是api里设置的请求名 与 你在.vue中使用的名字不一致，仔细检查一下

许呵呵的夏天
关注
Vue3中出现 Uncaught (in promise) TypeError: data.includes is not a function 解决方法
码农研究僧的博客
06-17 2018
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)
TypeError undefined is not iterable (cannot read property Symbol(Symbol.iterator))
m0_67390773的博客
03-08 1650
今天在学习react Hooks使用时，因为自己粗心大意，写了一个非常傻的一句代码，导致了react 报错 TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) 最后找了十分钟，浪费了时间 切记切记 ，不要再烦 下面我来说了这个简单的特别啥的bug 我们都知道react 去年出了 Hooks ，但是之前一直用vue开发，很少使用过react。最近公司接了个react项目，没办法，只能在学习一下
Uncaught (in promise) TypeError: Object(...) is not a function
恩琪
07-14 1万+
Uncaught (in promise) TypeError: Object(…) is not a function 这个问题今天出现两次了 还是记不住 啊啊啊啊 笨死了 所以来写下 是什么原因导致这个错的呢？ import findHomeAll from ‘…/…/…/api/method’ 这里的导入api没有{} 花括号 添加上就ok了 ...
关于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为模块指...
Uncaught (in promise) TypeError: Object(...) is not a function 解决方案
qq_17627195的博客
11-11 8032
原因：出现这个原因，有两个情况。
踩坑: Uncaught (in promise) TypeError: Object(...) is not a function at eval
weixin_48837605的博客
08-29 1万+
Vue项目中我经常遇见的问题就是明明自己写在methods中就是会报错不是函数的问题 那有可能是你引入的api的函数名字不对,导致的 如下导致的问题: 1.引入时候的名称与api 不符合 2.或者就是按需导入的时候并没有加{} 希望对你有所帮助,请一键三连,谢谢 ...
vue中Uncaught (in promise) TypeError: Object(...) is not a function报错
L137148的博客
06-18 3247
vue中Uncaught (in promise) TypeError: Object(...) is not a function报错
为什么有这个bug？Cannot read properties of undefined (reading ‘word‘)
weixin_40945354的博客
10-14 3383
runtime-core.esm-bundler.js?5c40:6748 Uncaught TypeError: Cannot read properties of undefined (reading 'word') at Proxy.render (HeaderSearch.vue?86e6:3) at renderComponentRoot (runtime-core.esm-bundler.js?5c40:444) at ReactiveEffect.componentUp
promise 请求返回 对象_Proxy一个Promise
weixin_40009026的博客
01-05 1121
为什么会有这么奇怪的需求？说真的在做 _request 前。我也没想过，Proxy 还能用到 Promise 上。但是不得不说，之前我一直觉得自己挺了解 Proxy的，还封装过 _storage 还有 webstorage-proxy 来操作本地存储，直到这次 Proxy Promise 对象时才发现我差的还远呢。先说需求吧：开发过微信小程序的小伙伴应该对 wx.request 这个 API 不陌...
ES6快速入门
bugs4j的博客
09-10 548
ES6快速指南 let/const let 变量声明标识，与var类似，但是***let***声明的变量只在所在的代码块中有效，不存在作用域提升 { var a = 20; let b = 10; } console.log(a); // 20; console.log(b); // Uncaught ReferenceError: b is not defined 同一个名称的变量再同一个作用域内只能用let申明一次， 被var 声明过的变量可以被let二次声明，但是被let声明
报错Error: Uncaught (in promise) TypeError: Object(...) is not a function at eval
weixin_44470633的博客
12-29 1543
解决Object(...) is not a function at eval报错问题
解决Uncaught (in promise) TypeError: Object(...) is not a function报错
老电影故事的博客
04-28 1万+
今天搬砖的时候遇到一个报错 问题： Uncaught (in promise) TypeError: Object(…) is not a function 如图所示 原因： 经过排查，发现原因是导入的JS方法没有用大括号接收，然后又把它当做方法调用了。低级错误 解决方法： 导入的js方法要用大括号接收： import {callMethodLimitPage} from './getAllData.js' ...
【问题总结（18）】Uncaught (in promise) TypeError: Object(...) is not a function 和 unreachable code
weixin_45650440的博客
07-30 2409
子组件拿父组件接口数据 从后端拿到数据 作为公共数据 子组件如何拿到后端的数据 vue父组件怎么给子组件传后台获取的值 const group = [‘cat’,‘dog’] mock.js假数据 手动写一个方法拿到数据 Mock.mock(//api/v1/account/id/, ‘getGroup’,getGroup ) map方法就是 键值对 的形式 取到 customRender渲染出来 group联动 第一种 分别取 在change事件 在change事件里 赋新值 调用后台数据方法 const
Web前端-Vue控制台报错：Uncaught (in promise) TypeError:
热门推荐
MinggeQingchun的博客
12-13 2万+
开发前段时经常遇到如下报错： Uncaught (in promise) TypeError: 大致错误有如下三种： 1、使用的参数可能为null 或者 undefined 2、返回的参数有重复 3、未捕获异常 如，我在后台Java（前端Vue，后端Java都是本人开发）中，判断了用户名是否为空，抛出了一个异常错误： if(user.getUserName() == null) { throw new RuntimeException("请填写用户名!"); } js中在 pr..
Uncaught TypeError: Object(...) is not a function vue3报错 怎么解决
最新发布
10-26
"Uncaught TypeError: Object(...) is not a function" 这种错误通常发生在 Vue.js 3 中，当你试图调用一个预期应该是函数的对象，但实际上它并不是函数时。这可能是由于以下几个原因： 1. **组件注册**：确保你在注册组件时没有误将对象直接作为组件，而应该使用 `createApp` 函数创建一个实例并注册组件。 ```javascript // 错误示例： const MyComponent = { ... }; app.component('my-component', MyComponent); // 应该是 app.component('my-component', () => MyComponent); ``` 2. **异步导入**：如果某个依赖是通过 async 导入的，并且你需要在组件挂载前使用它，确保你在 `setup()` 或 `created()` 钩子中正确处理了 Promise。 ```javascript // 错误示例： import MyFunction from './myFunction.vue'; // 使用 await 或者 .then 解包后再使用 ``` 3. **使用未导出的函数**：确保你使用的函数是从其他文件正确导出的，或者在当前文件内部使用。 4. **库或插件初始化**：某些库或插件可能需要在 Vue 实例化之前正确配置，检查是否有此类问题。 5. **Vue版本问题**：确认使用的 Vue 版本是否与你的代码兼容。 解决这类问题的关键是定位代码中的异常源，并针对性地修复。如果你能提供具体的代码片段，我可以帮助你更准确地诊断。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

许呵呵的夏天

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

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

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

打赏作者

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

抵扣说明：

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

余额充值