TypeError: Failed to execute ‘setItem‘ on ‘Storage‘: 2 arguments requir

最新推荐文章于 2024-07-06 23:22:11 发布
最新推荐文章于 2024-07-06 23:22:11 发布
阅读量1.1w 收藏 7
点赞数 23
分类专栏： 前端_bug 文章标签： vue html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/William_TWG/article/details/116460051
版权
错误描述

在学习vue的时候要用到前台的缓存sessionStorage，于是使用了如下方式存储

window.sessionStorage.setItem(activePath)

但是却在控制台出现了如下的报错信息

vue.runtime.esm.js?2b0e:1888 TypeError: Failed to execute 'setItem' on 'Storage': 2 arguments required, but only 1 present.

在这里插入图片描述

解决方案

在百度上将错误信息搜索了一下，结果出现了很多说是storage的存储有限，不能放入过大的数据。结果按照某度上进行操作还是没解决，最后我翻译了一下这句话，明显是自己少写了点参数，上面错误信息指出Storage要求存在的key-value模式而不是单纯的放一个值就ok了。所以将上面的保存方式改成了如下便解决了问题，自勉：细心点很多问题都不是问题。

window.sessionStorage.setItem('activePath',activePath)

在这里插入图片描述

补充：

不建议一些人做伸手党，总是将别人的东西拷贝过来放到公共网络上。其实你不妨都有发现，遇到问题百度时，大片的一模一样的解决方案，结果很浪费别人的时间，这样真的很讨厌的。最好是自己解决问题后放到网上帮助更多的人。优秀的程序员不仅是代码写的号，素质应该也不错才是

唐微港
关注
  • 23
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue2/3 - 微前端qiankun报错Error in event handler for “updatePopper“: “TypeError: Failed to execute ‘get‘“
高级前端工程师
07-17 2337
vue2，vue3，nuxt.js，qiankun，微前端，乾坤，vue 微前端，vue qiankun报错，Error in event handler for "updatePopper": "TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'."，主应用的appendChid也会被重写了，这个咋办，关闭沙箱，详细解决办法，还是不行，关闭了，升级，更新，依旧报错
vue3 - 详解报错TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type ‘Node‘.
最新发布
高级前端工程师
07-27 2656
vue3，nuxt3，vite，报错，TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type 'Node'.，节点报错，vue3 insertBefore，打包，运行，编译，dom元素，渲染，路由router，组件components，vue3生产环境跳转路由报错，浏览器控制台报错，百度地图使用报错，报错爆红，vue项目报错，插入节点insertBefore()报错，vue3 用global.prod
H5之localStorage限额报错quota
zengfu123的博客
08-27 1万+
报错：Failed to execute 'setItem' on 'Storage': Setting the value of 'address' exceeded the quota. 场景：对常用地址做本地存储，减少后端请求 异常：在localStorage里面没有找到存储的数据，刷新页面重新请求接口 排查：浏览器console输出报Failed to execute 'setItem' on 'Storage': Setting the value of 'address' exceeded
运行项目时， sessionStorage.setItem报错：TypeError: Failed to execute ‘setItem‘ on ‘Storage‘:
SUNN1Y的博客
01-23 951
将参数变为2个，因为Storage要求存储的数据为的key-value模式，也就是需要两个参数而不是单纯的放一个值。另外因为只能存储字符串，所以将接收到的数据装换成了JSON字符串。在学习react时，需要使用sessionStorage保存数据，结果在运行时项目报错。
sessionStorage报异常Failed to execute 'setItem' on 'Storage'...解决办法
张音乐的博客
11-04 2万+
使用sessionStorage超过大小限制 Failed to execute 'setItem' on 'Storage': Setting the value of 'feature' exceeded the quota. const addSessionStorage = (key, storeObj) => { //定义一个前缀，表示只删除自己定义的缓存 const...
DOMException: Failed to execute ‘setItem‘ on ‘Storage‘: Setting the value of ‘myCacheName‘
liyichuanZhengzhou的博客
10-25 1702
上传图片时，浏览器本地缓存配额溢出问题解决方案。
若依项目form表单过大报错Failed to execute ‘setItem’ on ‘Storage’: Setting the value of ‘sessionObj’ exceeded t
夜空孤狼啸的博客
12-20 2397
若依项目，富文本上传报错：Failed to execute ‘setItem’ on ‘Storage’: Setting the value of ‘sessionObj’ exceeded the quota.
使用LocalStorage、sessionStorage报异常DOMException: Failed to execute 'setItem' on 'Storage': 解决方法
热门推荐
QC班长的博客
02-06 3万+
本次项目需要用到前台缓存，使用了LocalStorage、sessionStorage ，但使用过程中报异常，原因及解决方法如下： 缓存到LocalStorage 调用localStorage.setItem方法保存缓存对象。一般来说，只要这一行代码就能完成本步骤。但是LocalStorage保存的数据是有大小限制的！我利用 chrome 做了一个小测试，保存500KB左
Failed to execute ‘setltem‘ on ‘Storage‘: Setting the value of ‘sessionObj exceeded the quota
baidu_39362621的博客
05-23 576
2、500KB左右的东西保存起来就会令到Resources变卡。3、 2M左右就可以令到Resources卡死，操作不了。1、sessionStorage对大小是有限制的。4、5M就到了Chrome的极限。解决方法，方便日后查看。
Uncaught TypeError: Failed to execute ‘addEventListener‘（监听事件），on ‘EventTarget‘: 2 arguments require
IT_CRH的博客
04-19 5857
关于：Uncaught TypeError: Failed to execute 'addEventListener' on 'EventTarget': 2 arguments required, but only 1 present.的处理
加载本地图片报错GET...403 (Forbidden)和Error: Failed to execute ‘drawImage‘ on ‘CanvasRenderingContext2D‘
luwei233的博客
04-06 7056
学习微信游戏开发时，加载本地图片报错，发生两个错误记录如下： 1.GET http://127.0.0.1:57967/res/background.png 403 (Forbidden) 查询了各种资料，没有找到相关文档，后面看了下图片路径 image.src=‘…/res/background.png’，报着试的态度改成 image.src=‘res/background.png’;，结果运行成功，不知道是什么原因，有知道的朋友帮忙指导下，可能是微信开发者工具升级导致的bug？ let image=wx
vue3+vite - 报错TypeError: Failed to fetch dynamically imported module: xx，vue3项目报错无法获取动态导入的模块，vite报错！
高级前端工程师
07-06 1279
vue3，vite，vite-plugin-vue，nuxt3，报错，TypeError: Failed to fetch dynamically imported module，无法获取动态导入的模块，vue3打包报错，vue3编译运行报错，如何解决错误，vite build打包以后报错Failed to fetch，Vue3报错详细解决，Vue3+TS错误解决，换浏览器，清缓存，退出登录重新登陆，文件路径没写对，要么是没加组件名的后缀vue，路径写错了，加了setup语法糖导致的这个报错，eslint，
localStorage报错： Failed to execute ‘setItem‘ on ‘Storage‘: Setting the value of ‘HexGridBasicData‘ ex
weixin_44126032的博客
06-10 1536
最多存5M，所存数据已超过5M，超过所存内存数据则无法存储成功，也无法调用，所以断点显示空数据
sessionStorage报异常Failed to execute ‘setItem‘ on ‘Storage‘
{竹子}
04-15 2402
在vue当中，我为了页面可以返回，存了好几张图片信息，但是发现 使用sessionStorage是有限制，最多5M，如果溢出的话实际上是没有存进去的，所以也是不能调用报错了。报错如下： 怎么办，怎么让照片回退的时候还报错着？ ...
sessionStorage.setItem无效
Szy1474123362的博客
03-13 1424
setItem 只能存储字符串，因此要把对象转换为json。当我在浏览器中存储key/value数据时，发现如下的报错。解决：存储数据时，把对象转换为json。
JavaScript 学习笔记 - LocalStorage
weixin_30596165的博客
08-29 274
前言 本文主要介绍本地存储的基本使用，以及它和 Cookie、SessionStorage 的区别。 简单回顾 Cookie 在 HTML5 之前，本地存储数据一般是通过 Cookie 来完成的。我们可以把 Cookie 理解为一个长度有限的字符串，服务端和客户端都能读写这个字符串，并且每次请求时，都会把 Cookie 发送到服务端。 通常，我们可以利用这个字符串来保存用户名、密码等数据，来实现记...
2021-09-15
strive_byf的博客
09-15 196
报错： Failed to execute ‘setItem’ on ‘Storage’: 2 arguments required, but only 1 present.     at HTMLButtonElement.buNode..onclick (js16Bom对象.html:23) 原因：少些了一个参数
Uncaught (in promise) TypeError: Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String co
liujingfei1的博客
04-14 6694
问题：axios设置headers时，报错Uncaught (in promise) TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point. 原因是header中，不能使用中文 解决：对参数值进行编码 // 编码 encodeURIComponent(str) // 解码 decodeURIComponent...
解决上传图片时报错Uncaught (in promise) DOMException: Failed to execute ‘put‘ on ‘IDBObjectStore‘
u800820的专栏
09-12 4442
SpringBoot过滤器排除特定请求的URL方法
Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.
08-10
根据引用、和的内容，你遇到了一个错误：Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed. 这个错误通常是由于Chrome更新后不再支持之前的createObjectURL用法所引起的。 根据引用中的解释，你可以尝试修改代码，使用新的方式来创建URL。你可以将blob数据存入数组，然后使用新的Blob对象和URL.createObjectURL方法来创建URL。具体来说，你可以这样修改代码： ```javascript let binaryData = []; binaryData.push(blob); link.href = window.URL.createObjectURL(new Blob(binaryData)); ``` 这样修改后，应该能够解决createObjectURL方法报错的问题。希望对你有帮助！123 #### 引用[.reference_title] - *1* *2* [TypeError: Failed to execute ‘createObjectURL‘ on ‘URL‘: Overload resolution failed](https://blog.csdn.net/qq_46302247/article/details/130011494)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *3* [Failed to execute ‘createObjectURL‘ on ‘URL‘ Overload resolution failed](https://blog.csdn.net/fwdwqdwq/article/details/123345822)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值