Chrome扩展从本地存储移除项时出错的技术求助

错误的核心原因是：Chrome Storage的remove方法要求参数keys必须是字符串或字符串数组，但你传入的tabId是数字类型，导致参数类型不匹配。

虽然你在set时用{[tabId]: changeInfo}时，JS会自动把数字tabId转为字符串作为存储键，但remove方法不会做这个隐式转换，直接传数字数组就触发了类型校验错误。

修复代码 #

把tabId显式转为字符串后再操作存储，统一类型：

标签页更新时的存储添加：

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
    if (changeInfo.title && tab.status === "complete") {
        try {
            const tabKey = String(tabId);
            chrome.storage.local.set({ [tabKey]: changeInfo });
        } catch (error) {
            console.error("存储添加失败：", error);
        }
    }
});

标签页关闭时的存储移除：

chrome.tabs.onRemoved.addListener((tabId, removeInfo) => {
    const tabKey = String(tabId);
    // 可选：添加回调检查移除是否成功
    chrome.storage.local.remove([tabKey], (error) => {
        if (error) {
            console.error("存储移除失败：", error);
        }
    });
});

额外提示 #

• 始终显式处理存储键的类型，避免依赖JS的隐式转换，减少潜在问题
• 给storage方法加回调或用async/await（配合chrome.storage.local.remove返回的Promise），能更方便地排查操作中的错误

内容的提问来源于stack exchange，提问作者Denny C