首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当我响应时,.catch(error=>{})没有显示我的错误。但是当我对它进行控制时,它显示了错误

当你使用.catch(error=>{})时,它没有显示错误的原因可能是因为你的错误处理函数中没有正确地处理错误。在.catch()方法中,你需要传入一个函数作为参数,该函数将在出现错误时被调用。如果你只是简单地将错误传递给一个空的函数,它将不会显示错误。

为了正确处理错误,你可以在错误处理函数中添加一些代码来处理错误,例如打印错误消息或执行其他逻辑。以下是一个示例:

.catch(error => { console.log("发生错误:", error); });

在上面的示例中,错误处理函数使用console.log()方法打印错误消息。你可以根据需要自定义错误处理逻辑。

另外,你还可以使用try-catch语句来捕获和处理错误。try块中的代码是你要执行的代码,而catch块中的代码将在try块中出现错误时被执行。以下是一个示例:

try { // 可能会出错的代码 } catch(error) { console.log("发生错误:", error); }

在上面的示例中,你可以将可能会出错的代码放在try块中,并在catch块中处理错误。

总结起来,当你对.catch(error=>{})进行控制时,它显示错误是因为你在错误处理函数中添加了处理错误的代码。而当你没有对错误进行处理时,它不会显示错误。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Hooks + TS 搭建一个任务管理系统(一)-- 登录注册页面

类型,因此,在后面对赋值 Error 对象类型,会发生错误,因此在这里我们需要定义泛型 Error | null 这样 error 就能接收 Error 类型~ 现在我们状态设置好了,接下来看看如何驱动页面更新呢...'已经有账号?直接登录' : '没有账号?...'已经有账号?直接登录' : '没有账号?...注册新账号'} 这里 ShadowCard 其实是 Antd 中 Card 组件进行了加工,让它有一些阴影,同时进行了一定布局 // 组件加样式...value 设置就是 context 容器中值 通过编写这个 custom hook 我们 useAsync 有更好理解,同时也学会了如何使用 context 来进行数据共享 六、按钮触发函数执行

1.3K11

java提高篇之异常(上)

一、为什么要使用异常 首先我们可以明确一点就是异常处理机制可以确保我们程序健壮性,提高系统可用率。虽然我们不是特别喜欢看到但是我们不能不承认地位,作用。...使用异常机制它能够降低错误处理代码复杂度,如果不使用异常,那么就必须检查特定错误,并在程序中许多地方去处理,而如果使用异常,那就不必在方法调用处进行检查,因为异常机制将保证能够捕获这个错误,并且...在这里一定要明确一点:异常代码某种程度错误,尽管Java有异常处理机制,但是我们不能以“正常”眼光来看待异常,异常处理机制原因就是告诉你:这里可能会或者已经产生了错误,您程序出现不正常情况,...在异常中try快包含着可能出现异常代码块,catch块捕获异常后异常进行处理。先看如下实例: ?...在这里可以得到如下结论:若程序中显示声明了某个异常,则抛出异常不会显示出处,若程序中没有显示声明某个异常,当抛出异常,系统会显示异常出处。

40620

js处理异常try{}catch(e){}

我们看到,由于没有错误发生,当try块语句执行完毕后,catch块语句被跳过,出现一个窗口显示输入数值,最后执行了finally块语句。   ...try…catch这种结构最常见,执行过程是:当没有例外发生执行完毕try块语句后或者发生例外执行完catch块语句后,控制将转移到整个try…catch结构后面的语句。...如果是try…finally结构,那么当发生例外,由于没有catch块语句来捕捉错误,所以最终finally块语句也不会被执行。...uate")   }   }   上面的代码将对用户输入内容进行表达式求值,然后显示出来。...,外部例外处理则用于负责提供给用户反馈信息或者例外信息进行日志记录。

3.1K50

你不知道前端异常处理(万字长文,建议收藏)

(动画演示) 这段代码不会产生任何异常,控制台也不会有任何错误输出。 异常分类 按照产生异常程序是否正在运行,我们可以将错误分为「编译异常」和「运行时异常」。...是边解释边执行,没有编译环节,怎么会有编译异常? 别急,举个例子你就明白。...由于异常是在代码运行过程中抛出,因此这个异常属于运行时异常。相对于编译异常,这种异常更加难以发现。上面的例子可能比较简单,但是如果异常是隐藏在某一个流程控制语句(比如 if else)里面呢?...中执行, 会在控制显示如下输出: ?...可以看出,此时已经没有「uncaught Error」啦,仅仅在控制显示「标准输出」,而「非错误输出」(因为是 console.log,而不是 console.error)。

76820

异常处理升级版

其实前面就写了一篇异常处理文章,但是那个文章实在是感觉太详细了,不太好复习。所以今天就再写一篇这样就更好复习。...例如,Java虚拟机运行错误(VirtualMachineError),当JVM中内存不足,将出现 OutOfMemoryError。这些error发生,JVM一般会选择线程终止。       ...这些错误一般是不可查询,因为它们在应用程序控制和处理能力之外。     ...四、抛出和捕获程序影响 4.1、如果程序中某行代码执行抛出了异常,并且这个异常一种都没有被try-catch处理,那么这个异常最终会抛给JVM,JVM输出异常信息后就自动停止 public...例如:我们任务在系统中用户要登录账号和密码不匹配就是一种异常情况,但是JDK中并没有定义这种异常,所以我们可以进行自定义。

87190

Javascript错误处理

---- theme: channing-cyan 这是参与8月更文挑战第31天,活动详情查看:8月更文挑战 每个前端开发都会用到浏览器调试,有这个调试,我们可以更好找到问题并解决问题。...我们主要讲错误处理。 try/catch try/catch语句是js处理异常一种方式,非常好理解,try里面是写我们代码,catch是我们try中代码如果出错怎么显示报错。...注意:当我们使用try/catch方法时候,浏览器会认为错误被处理了。很像php里@ 屏蔽错误。这样只有我们程序开发者才能知道错误,用户是不知道。...八种错误类型 一、Error Error是基类型,其他错误类型都是继承该类型,主要用于自定义错误类型 二、InternalError InternalError类型错误会在底层JavaScript引擎抛出异常由浏览器抛出....例如,定义数组如果设置不支持长度,如-20.又或者没有给递归设置停止条件触发.

80730

web前端监控三个方面探讨

由于网络请求异常不会事件冒泡,因此必须在捕获阶段将其捕捉到才行,但是这种方式虽然可以捕捉到网络请求异常,但是无法判断 HTTP 状态是 404 还是其他比如 500 等等,所以还需要配合服务端日志才进行排查分析才可以...这点知识还是需要知道,要不然用户访问网站,图片 CDN 无法服务,图片加载不出来而开发人员没有察觉就尴尬。...Promise 错误 通过 Promise 可以帮助我们解决异步回调地狱问题,但是一旦 Promise 实例抛出异常而你没有catch 去捕获的话,onerror 或 try-catch 也无能为力...所以如果你应用用到很多 Promise 实例的话,特别是你在一些基于 promise 异步库比如 axios 等一定要小心,因为你不知道什么时候这些异步请求会抛出异常而你并没有处理,所以你最好添加一个...window.onerror 能否捕获 iframe 错误 当你页面有使用 iframe 时候,你需要对你引入 iframe 做异常监控处理,否则一旦你引入 iframe 页面出现问题,你主站显示不出来

1.1K20

Javascript错误处理

另一方面来说,当我代码中带有错误处理逻辑,当出现错误时可以及时通知到用户,这会带来用户体验上提升。作为开发人员,我们要知道如何处理Javascript错误。...**因此,在这种情况下使用try-catch使用函数进行包裹,从而对可能出现错误进行处理。 当我们明确知道代码会发生错误时,再使用try-catch就不是太合适。...如果没有catch语句块,则会被浏览器捕获,从而在浏览器控制台可以看到错误信息。 这里要注意,抛出错误类型不一定非要是Error,也可以是上面所说任何类型,甚至是自定义错误类型。...这种情况发生在: 我们在catch收到error做一个筛选,如果是特定错误进行处理。否则,表明出现未知错误,将它继续抛出去。...error事件 当代码中出现错误,而未使用try-catch进行捕获处理情况下,浏览器会捕获到该错误。即: **任何没有通过try-catch处理错误都会触发windowerror事件**。

73010

【React】1935- 来看看 SWR 如何用 React Hook 实现优雅请求

第二个参数是一个异步请求方法,参数就是 hook 接收到第一个参数,返回值为请求到数据 这个 hook 返回值也有两个,data 为 fetcher 中获取到数据,error 则为请求失败错误...我们每一次发送请求后,后端响应数据都会被缓存下来,当我们下一次请求相同接口,SWR 依然会发送请求,但是它会先将上一次请求数据直接给你,然后再去发送请求。...请求错误重试 接着就是 请求重试 ,大家可以尝试着搜一搜 axios 请求错误重试 这个关键字,可以在很多文章中看到大家 aioxs 响应拦截器进行一些封装处理,实现当满足某种错误条件进行错误重试...但是如果我们将控制弹窗是否显示判断从 Modal 组件移到 Page 中,如下所示: const Page = () => { const { data } = useSwr( "/api...在写文章过程中 SWR 发布新版本 SWR 2.0 发布[5],新增很多特性,但没有中文翻译,因此也为它们文档贡献了一些中文翻译 PR ,其中也包括这篇 理解 SWR[6]。

55110

pwa-之service worker 基本概念

这将有助于我们加快加载时间,而不必每次访问同一网站都必须从服务器获取。 当然,最重要是,当我们网络不畅,这些资源将可供我们使用。...Promise功能很强大,我们不在这里细述。我们只需要知道调用then()方法处理成功,catch方法处理错误就可以。...其他 当一个service worker被成功注册,它会经历以下状态 Install 在service worker生命周期中,如果service worker已经注册没有错误但是尚未激活。...Activate 当service worker被激活状态就是activate。service worker就可以拦截请求。只有当我们关闭网页重新打开,或者强制刷新当前页面,才会被激活。...创建mock响应 我们可以模拟服务器,客户端进行响应。 创建index.html页面 <!

99831

await 只在 async 函数中工作

但是在代码顶层,当我们在 async 函数外部,我们在语法上是不能使用 await ,所以通常添加 .then/catch 去处理最终结果或者 error。...很简单吧?但不仅仅如此。因为还有 await 关键字,只在 async 函数中工作,而且非常酷。...} f(); 函数在 (*) 行执行“暂停”,并在 promise 被处理继续执行, result 变成其结果。上述代码在一秒内显示 “done!”...但是在代码顶层,当我们在 async 函数外部,我们在语法上是不能使用 await ,所以通常添加 .then/catch 去处理最终结果或者 error。 与上述示例 (*) 行一样。...它们一起为编写易于读写异步代码提供一个很好框架。 对于 async/await,我们很少需要编写 promise.then/catch,但我们不应该忘记它们是基于 promise

1.4K10

Fetch vs Axios

原文链接:https://meticulous.ai/blog/fetch-vs-axios/[1] 作者:Ibas Majid[2] 正文从这开始~ 当我们构建应用程序需要我们进行网络请求,无论是我们后端还是第三方...error对象上request属性表示发出了一个请求,但客户端没有收到响应。否则,如果没有response 或request 属性,则表示在设置网络请求发生错误。...(err.message); }); 在response代码块中,我们检查responseok属性是否是false,然后我们抛出了一个自定义错误,并在.catch代码块中进行处理。...在我们碰到一个错误URL端点情况下,ok和status属性将分别变成false和404,然后我们抛出一个错误,.catch()子句将显示我们自定义错误信息。...特别是Fetch,我们将添加另一个polyfill[8]来支持在旧浏览器[9]中实现。 总结 在本指南中,我们讨论Fetch和axios,并在实际场景中它们进行了比较。

1.2K10

JavaScript异常如何处理

但是如果因为异常导致网站卡死,甚至崩溃无法继续进行下去,对于用户体验是相当差,我们应该及时捕获这些异常,用户进行一些简要温馨提示,并将异常进行及时上报,以便于快速解决。...try-catch 我们首先来说一下try-catch,这个方法也是我们最常用方法,但是只能捕获到同步运行时异常错误,对于语法和异步错误确实没有办法。...我们可以看到还是没有捕获到异常,但是在这里有一点不明白,就是在浏览器提示error之前他打印出来了一行数字,不理解是哪里来,如果各位知道的话感谢解答。...你可以发现,在上图中执行了两次,但是第二次没有红色错误异常,是因为window.onerror函数只有在返回true时候,异常在不会向上抛出,否则即使是知道异常发生,控制台还是会显示Uncaught...补充一点:如果去掉控制异常显示,需要加上: event.preventDefault(); 用来阻止默认事件 VUE errorHandler 对于前端错误处理,Vue 提供 Vue.config.errorHandler

1.6K30

Springboot异常处理只会@ControllerAdvice+@ExceptionHandler?还远远不够!

我们来看下错误页面的存放位置: 可以看到,是存放在static目录error文件夹下,新建了一个404.html用于处理404错误。...类似的500.html和5xx.html处理服务器错误:5xx。 好,上面的静态处理异常我们已经可以懂了,那么你知道原理吗?...templates下找view直接返回,默认名字就叫做error,所以当我们直接在tempates下写error.ftl时候,我们就可以直接展示动态错误处理页面。...但是这样我们直接返回页面,没办法自己控制错误业务逻辑处理,所以,只有当我们出现错误之后没有相关处理,我们才这样去展示。...那有时候我们想全局处理所有的控制异常,于是就有@ControllerAdvice,它会控制器增强,会应用到所有的controller上,这样就实现我们想要全局异常处理。

2.2K20

重学JavaScript Promise API

这意味着当这些操作完成,它们产出结果或者值并不会立即生效。 Promise是一个特殊JavaScript对象,代表异步操作最终结果。它就像操作结果代理。...这意味着没有fulfilled也没有rejected。...向下传递数据 当我们需要执行多个异步操作,我们可能希望将一个异步调用结果传递给Promise链中下一个then,这样我们就可以对该数据进行处理。...幸运是,还有更好方式。 catch方法 我们还可以使用catch方法,它可以为我们处理错误。当一个Promise在Promise链任何地方rejected控制会跳转到最近拒绝处理函数中。...我们还研究错误处理以及各种Promise实用方法。 如上所述,下一步应该是开始学习async ...await,加深JavaScript程序内部流程控制理解。

13320

【原译】javascript中错误处理

建议多关注这些测试,因为它们能帮助我们提升代码质量。   正如所显示error() 定义一个空对象,然后尝试访问一个方法,因为 bar() 方法在对象中不存在而会抛出一个异常。...));   可恶是,这里返回了一个null,当我想找哪里出了问题整个人都蒙逼了。...更令人崩溃是,花了几个小时来进行debugg,但却没有使用 try-catch,这个糟糕处理函数吞没了错误并认为没有问题, 这样继续执行下去不会降低代码质量,但是隐藏错误未来会让你花几个小时来...catch (e) { // Handle all the error things } }   但是,记住浏览器是事件驱动。...捕获栈信息   调用栈在定位问题超级有用。好消息是,浏览器提供这个信息。理所当然,查看错误异常中栈属性不是标准一部分,但是只在新浏览器中可以使用。

1.5K20

【原译】javascript中错误处理

建议多关注这些测试,因为它们能帮助我们提升代码质量。 正如所显示error() 定义一个空对象,然后尝试访问一个方法,因为 bar() 方法在对象中不存在而会抛出一个异常。...)); 可恶是,这里返回了一个null,当我想找哪里出了问题整个人都蒙逼了。...更令人崩溃是,花了几个小时来进行debugg,但却没有使用 try-catch,这个糟糕处理函数吞没了错误并认为没有问题, 这样继续执行下去不会降低代码质量,但是隐藏错误未来会让你花几个小时来...在一个多层深调用时,基本上不可能发现哪里出了问题。而在这些少数地方使用 try-catch 是正确但是一旦进入错误处理函数,就比较糟糕。 ??...捕获栈信息 调用栈在定位问题超级有用。好消息是,浏览器提供这个信息。理所当然,查看错误异常中栈属性不是标准一部分,但是只在新浏览器中可以使用。所以,你就可以这样来把错误日志发送给服务器

2K90

前端异常捕获和定位

,也就是不会在控制台打印错误。...,就会显示如下弹窗 ?...在 onerror 回调函数中,我们发送相关埋点信息(相关报错信息,行数,列数等等)到我们监控平台,就可以实现基础页面监控 try...catch... try...catch...。...处理,而不会触发 window.onerror 事件,所以我们有时候也需要专门对 Vue 进行异常捕获 我们可以使用 Vue.config.errorHandler[1] Vue 进行全局异常捕获...这个涉及到了事件循环(Event Loop)相关知识,首先 js 是单线程当我们 try 中执行代码是异步时候,当异步执行报错时候,可能同步代码已经从执行栈中取出并执行完毕,所以没有办法捕获到异步异常

1.3K10
领券