chrome插件chrome.storage数据写入失败QUOTA_BYTES_PER_ITEM quota exceeded

1024小神2024-03-10 15:59

复制代码

Unchecked runtime.lastError while running storage.set: 
QUOTA_BYTES_PER_ITEM quota exceeded at Object.callback

在开发浏览器插件的时候，报错提示：超出存储限制，浏览器插件存储官方文档：https://developer.chrome.com/docs/extensions/reference/api/storage?hl=zh-cn

主要原因是存储区域有以下几种可用：

因为我使用的是sync同步存储，所以存储大小限制为100k，每项内容为8k，所以很容易就会超出限制，应该修改为local存储：

javascript 复制代码

  chrome.storage.local.set({ key: value }).then(() => {
    console.log("Value is set");
  });

  chrome.storage.local.get(["key"]).then((result) => {
    console.log("Value is " + result.key);
  });

我这里使用的是plasmo框架的存储依赖：Storage API -- Plasmo

它默认使用的sync，所以要改为local就可以了：

javascript 复制代码

import { Storage } from '@plasmohq/storage'
export {}

// 本地存储
const storage = new Storage({
    area: 'local',
})