解决Uncaught (in promise) TypeError: Failed to execute ‘Cache‘ on addAll

最新推荐文章于 2025-04-24 18:33:08 发布
最新推荐文章于 2025-04-24 18:33:08 发布
阅读量1w 收藏
点赞数 1
分类专栏： 报错 和 bug 记载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43342105/article/details/117696212
版权

问题产生

今天在使用service worker加上 cache storage时，创建一个存储对象cache之后始终 addAll()方法没有在Application 中的cache storage看到被缓存的文件

排查

在这里插入图片描述
其实不知道是什么问题，我这里一直获取不到也没显示这个，等我刷新多次的时候等一等，才看到这个，所以你没看到这个404的话 可以等一下

我的地址

在这里插入图片描述
改成这个就对了
在这里插入图片描述
我的目录结构是
在这里插入图片描述

解决：Uncaught (in promise) TypeError: Failed to fetch 的问题
狮子座的男孩
11-21 3万+
中文翻译：CORS 策略已阻止从源“.......”获取“.......”的访问权限：对预检请求的响应不通过访问控制检查：预检请求不允许重定向。解决方案：可能是 Chrome 浏览器版本的问题，因此将 Chrome 浏览器设置成。中文翻译：加载资源失败：net::ERR_FAILED。看到提示，肯定是 Chrome 浏览器 跨域。，就使用管理者权限继续操作；符号前面都有一个空格】符号前面都有一个空格】，应该就能解决该问题；若提示需要 管理者权限。
【Android知识笔记】Webview专题
川峰的博客
10-22 525
Android知识笔记之Webview专题篇。（包含 SPI @AutoService 注解原理）
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 (in promise) TypeError: Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String co
liujingfei1的博客
04-14 6970
问题：axios设置headers时，报错Uncaught (in promise) TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point. 原因是header中，不能使用中文 解决：对参数值进行编码 // 编码 encodeURIComponent(str) // 解码 decodeURIComponent...
解决Dify代码执行器网络报错：Failed to execute code
最新发布
uncle_ll的博客
04-24 1066
当配置文件缺失时，sandbox服务会默认禁用网络功能，导致代码执行器无法建立网络连接。配置文件来初始化网络参数，但在Docker部署流程中，该文件未自动生成到挂载目录。Dify的沙箱服务（sandbox）需要。
axios请求接口报错 Uncaught (in promise) Error: Network Error
zhiqiuqiu2的博客
09-06 1万+
就是post请求里的api地址有问题，这里我用的地址是tomcat的地址，但是前后端分离后，在vue项目中搭建了服务后，启动vue项目会自己生成一个url的访问地址。所以这里就不能使用8080了，要用生成的地址加上控制器的访问路径访问。在使用axios请求接口的时候，浏览器报错 Uncaught (in promise) Error: Network Error，找了很久也没有发现是什么问题？配置完服务后启动项目的地址，只要改成这个地址就可以了，或者不要前缀，直接使用控制器的地址也可以。
Webpack按需异步加载报错：Uncaught (in promise) Error: Loading chunk 39 failed.
逸尘的专栏
07-29 1万+
本地不会出现此报错，每次打包部署到开发环境后第一次渲染抛出下图错误，然后就处于一直加载的状态，不知道如何解决啊。。。暂且留着你，日后收拾。 ...
连续出现多次Uncaught (in promise){}报错
qq_37332077的博客
05-24 1066
h5项目，pc端访问正常，iphone12真机访问，连续多次报错Uncaught (in promise){}，以致真机上功能受到影响。
报`Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.`错误解决办法
天天的博客
04-11 1万+
`Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.`错误通常出现在使用fetch API发起网络请求时，无法成功获取资源时抛出的异常
JavaScript错误处理：分析 Uncaught(in promise) error
2301_81431930的博客
10-22 6063
当我们使用Promise进行异步编程时，Uncaught(in promise) error 是一个常见的错误类型。在上述示例中，将Promise的代码放在一个async函数中，并使用await关键字等待Promise对象。如果Promise的状态变成rejected，那么catch方法会被调用，我们就可以在里面处理这个错误。如果代码上不方便使用catch方法或者不能使用catch方法处理Promise的错误，我们可以使用async/await语法糖来捕获Promise的错误。3.3 全局异常处理。
swiper轮播插件出现Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is no
babulongbo的博客
11-02 1万+
出现这个错误后,上网查了一大圈,发现说的都不它符合鄙人遇到的情况,所以最后总结了一下 ①首先检查引入的js文件和css文件是否正确(主要是路径) ②检查你写的雷明是否正确,我两次都是类名有问题,第一次错写swiper-wrapper成swiper-wrap,第二次少了个双引号,太失败,手残啊,如果其他地方找不到问题,估计你也进这个坑了 ☂检查js写的是否有问题,例如少些属性,类名写错等等
报`Uncaught (in promise)`错误解决办法
热门推荐
weixin_46721670的博客
09-26 6万+
使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。
【前端异常】JavaScript错误处理：分析 Uncaught(in promise) error
No8g攻城狮的博客
11-13 5万+
Uncaught(in promise) error 表示一个Promise被rejected且未处理。});在上面示例中，创建了一个Promise并使用reject方法将其状态设置为rejected。但是，没有在后续代码中处理这个错误，此时就会导致 Uncaught(in promise) error。
一个解决jquery报uncaught typeerror的简单方法
Tuckmaey的博客
04-19 5754
事先声明这个方法并不一定有用，但是如果你因为某些jq的问题而感到焦头烂额的话，不妨尝试一下这个方法，反正也没有什么损失。方法很简单，将载入jq文件的代码放在加载所有其他js的文件的最前面。就是将<script src="jquery.js"></script>这句话放在所有其他js文件加载语句的最前面。因为绝大多数js插件都是以jq为基础的，所以他们都需要jq文件。而js是...
【踩坑记录】springboot用实体类接收MultipartFile，前后端请求问题
万物互联的博客
07-21 6629
1、后端将MultipartFile包在实体类中，框架接收到参数，在有值的情况下，是可以成功找到参数解析器进行赋值的。如果前端表单中的文件选择框不选择资源进行提交，则是空串或"null"，后端框架无法正常赋值。在GenericConversionService这个类中有这么一段代码=null);}在前端请求数据中file为空值或"null"值时，后端在参数解析的时候类型无法匹配，则会导致报错。我在调试过程中，跟踪到这里时，contentType发送数据到服务器时所使用的内容类型。默认是。......
发送异步请求时出现错误Uncaught (in promise)
qq_51389038的博客
09-29 1720
发生这个错误可能时写响应拦截器时出现问题，可以仔细查看code的位置是否正确，像我这里就是因为code的位置传入错误，将res.data.data.code写成了res.data.code. 将res.data.code写成了res.data.data.code就没问题了。
【已解决】在react+ts中 atnd 用 upload 组件报错Failed to execute ‘readAsArrayBuffer,param 1 is notof type Blob
超逸の学习技术博客
09-27 2691
今天在公司做 excel 导入文件的时候发现每次上传都会报这个错误： Uncaught TypeError: Failed to execute 'readAsArrayBuffer' on 'FileReader': parameter 1 is not of type 'Blob' 现在解决了，用简单的话语总结一下： 因为 antd 会对原生文件上传包装一下： 拿着个属性值就好了： originFileObj 最后解决了问题，完美。 ...
vue没有使用fetch报错 Uncaught (in promise) TypeError: Failed to fetch
qq_31665193的博客
04-22 244
vue没有使用fetch报错 Uncaught (in promise) TypeError: Failed to fetch
【集合】异常错误（后续继续添加）
静墨客的博客
11-22 1089
"Uncaught (in promise): TypeError: Illegal invocation" 这个错误通常出现在 Promise 的链式调用中，表示在 Promise 中的某个操作中出现了“不合法的调用”导致的类型错误。2. 在使用 Promise 的链式调用时，检查并确认在每个 then 或 catch 方法中的回调函数的上下文是否正确。1. 确保在 Promise 中使用的所有函数和方法，都具有正确的上下文（例如使用 bind 方法绑定正确的上下文）。
index.vue:256 Uncaught (in promise) TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.
12-01
这个错误通常是由于createObjectURL方法的参数类型不正确导致的。createObjectURL方法需要一个Blob对象作为参数，但是如果传递的参数不是Blob对象，则会出现“TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed”错误。解决方法是确保传递给createObjectURL方法的参数是Blob对象。可以使用File构造函数或Blob构造函数来创建Blob对象。以下是一个示例代码： ```javascript // 从canvas中获取图像数据 const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height); // 将图像数据转换为Blob对象 const blob = new Blob([imageData.data], { type: 'image/png' }); // 创建URL并下载文件 const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = '二维码.png'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值