使用idb库遇类型错误：string参数无法赋值给'forms'类型

这个错误是因为TypeScript根据你定义的MyDB接口，对IDBPDatabase的方法参数做了严格类型约束——put方法的第一个参数只能是MyDB中声明的store名称（也就是"forms"），而你传入的string类型范围太宽，不符合类型要求。

修复步骤： #

• 将add函数的store参数类型从string改为keyof MyDB，让TypeScript自动限定store名称只能是MyDB中定义的合法值。
• 可选优化：给data参数添加对应store的value类型约束，避免传入不符合要求的数据。
• 额外修复：构造函数直接调用异步的connectToDb会导致this.db可能未初始化就调用add，建议用Promise确保数据库连接完成后再提供服务。

修改后的完整代码： #

import { openDB, IDBPDatabase, DBSchema } from 'idb';
import { v4 as uuidv4 } from 'uuid';

export class IndexedDbService {
  private dbPromise: Promise<IDBPDatabase<MyDB>>;

  constructor() {
    this.dbPromise = this.connectToDb();
  }

  private async connectToDb(): Promise<IDBPDatabase<MyDB>> {
    return openDB<MyDB>('MyDb', 1, {
      upgrade(db) {
        if (!db.objectStoreNames.contains('forms')) {
          db.createObjectStore('forms');
        }
      },
    });
  }

  async add<TStoreName extends keyof MyDB>(
    store: TStoreName,
    data: MyDB[TStoreName]['value']
  ) {
    const db = await this.dbPromise;
    return db.put(store, data, uuidv4());
  }
}

interface MyDB extends DBSchema {
  'forms': { key: string; value: string };
}

代码说明： #

1. 类型约束调整：用keyof MyDB限定store参数为合法名称，通过泛型TStoreName让data参数自动匹配对应store的value类型（比如forms的value是string，add方法会要求传入string类型的data，若你的原始data是object，可调整MyDB的value类型为string并在add里做JSON.stringify转换）。
2. 初始化优化：用dbPromise保存数据库连接的Promise，每次调用add时先等待连接完成，避免未初始化就操作数据库的错误。
3. 升级逻辑优化：添加!db.objectStoreNames.contains('forms')判断，避免重复创建objectStore导致的错误。

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