Как исправить ошибку TypeScript (TS: 2740), как это

Question

Извините, мне нужен переводчик для использования Engli sh. Пожалуйста, покажите код в ответе. Спасибо.

---

// [message]: Type 'Promise<unknown>' is missing the following properties from type 'IDBDatabase': name, objectStoreNames, onabort, onclose, and 10 more.ts(2740)

const /*[message] here("IDB") -->*/ IDB: IDBDatabase | null = (async () => {
    return (await new Promise((resolve, reject) => {
        const request = indexedDB.open("idb")
        request.onerror = (event) => {
            resolve(null)
        }
        request.onupgradeneeded = (event) => {
            resolve(null)
        }
        request.onsuccess = (event) => {
            resolve(request.result as IDBDatabase)
        }
        request.onblocked = () => {
            resolve(null)
        }
    }))
})()

Answer 1

Вы используете асин c функции неправильно. Ваша функция asyn c возвращает Promise<IDBDatabase | null>, поэтому вы не можете присвоить ее IDBDatabase | null

У вас есть 2 варианта выполнения кода, когда обещание разрешается

• , ожидая в asyn c функция
• использование then при обещании предоставить обратный вызов

function getDBPromise(): Promise<IDBDatabase|null> {
  return new Promise((resolve, reject) => {
        const request = indexedDB.open("idb")
        request.onerror = (event) => {
            resolve(null)
        }
        request.onupgradeneeded = (event) => {
            resolve(null)
        }
        request.onsuccess = (event) => {
            resolve(request.result as IDBDatabase)
        }
        request.onblocked = () => {
            resolve(null)
        }
    })
}

async function awaitInAsyncFunction() {
    const IDB: IDBDatabase | null = await getDBPromise();
}


getDBPromise().then((db) => {
    const IDB: IDBDatabase | null = db;
})