IndexedDB使用求助：put操作失败及版本升级keyPath冲突

第一个错误：put操作失败，提示keyPath无值 #

你创建对象仓库时设置了{keyPath: "id", autoIncrement: true}，这意味着调用store.put(payload)时，若payload里没有id字段，IndexedDB本该自动生成自增id并附加到对象上，但报错说明当前payload不符合要求，可能原因：

• payload本身不含id字段，部分浏览器对autoIncrement配合keyPath的处理较严格，需确保对象至少包含id的空值标识
• JSON.parse(JSON.stringify(payload))操作可能丢失了id字段（比如原payload的id是undefined或无法序列化的类型）

修复方案：
在执行put前，手动给payload补全id字段：

payload = JSON.parse(JSON.stringify(payload));
// 确保payload包含id字段，无值时设为undefined触发自增逻辑
if (!payload.hasOwnProperty('id')) {
  payload.id = undefined;
}
store.put(payload);

第二个错误：更换版本号提示keyPath已存在 #

IndexedDB中，对象仓库创建完成后无法修改其keyPath配置。当你提升数据库版本号触发onupgradeneeded时，若尝试重新创建已存在的仓库（或修改其keyPath），就会抛出该错误。

修复方案：
若必须修改仓库配置，需先删除旧仓库再创建新的（注意：此操作会清空仓库内所有数据）：

request.onupgradeneeded = function () {
    const db = request.result;
    // 检查旧仓库存在则删除
    if (db.objectStoreNames.contains("swimlane")) {
        db.deleteObjectStore("swimlane");
    }
    // 创建新的对象仓库
    const store = db.createObjectStore("swimlane", {keyPath: "id", autoIncrement: true});
    store.createIndex("keyData", ["name"], {unique: false});
};

额外优化点 #

• swimlaneData.getAll(["keyData"])调用有误：getAll的参数是索引匹配的具体值，而非索引名称。若要通过keyData索引获取所有数据，直接调用swimlaneData.getAll()即可；若要匹配特定name值，需传入具体名称，比如swimlaneData.getAll("testName")
• 建议给put操作单独添加错误捕获：

const putRequest = store.put(payload);
putRequest.onerror = (event) => {
    if (__DEV__) {
        console.error("Put操作失败:", event.target.error);
    }
};

内容的提问来源于stack exchange，提问作者Apurba HR Mondal