idb: module error in VS Code

Hi,

I get this error in Visual Studio Code when compiling during testing with an Ionic 4 app (with Angular) The database and entry are created fine though. idb version 4.0.0

[ng] ERROR in node_modules/idb/build/esm/entry.d.ts(375,13): error TS2339: Property 'asyncIterator' does not exist on type 'SymbolConstructor'. [ng] node_modules/idb/build/esm/entry.d.ts(375,31): error TS2304: Cannot find name 'AsyncIterableIterator'. [ng] node_modules/idb/build/esm/entry.d.ts(382,98): error TS2304: Cannot find name 'AsyncIterableIterator'. [ng] node_modules/idb/build/esm/entry.d.ts(441,13): error TS2339: Property 'asyncIterator' does not exist on type 'SymbolConstructor'. [ng] node_modules/idb/build/esm/entry.d.ts(441,31): error TS2304: Cannot find name 'AsyncIterableIterator'. [ng] node_modules/idb/build/esm/entry.d.ts(450,109): error TS2304: Cannot find name 'AsyncIterableIterator'. [ng] node_modules/idb/build/esm/entry.d.ts(502,13): error TS2339: Property 'asyncIterator' does not exist on type 'SymbolConstructor'. [ng] node_modules/idb/build/esm/entry.d.ts(502,31): error TS2304: Cannot find name 'AsyncIterableIterator'. [ng] node_modules/idb/build/esm/entry.d.ts(534,13): error TS2339: Property 'asyncIterator' does not exist on type 'SymbolConstructor'. [ng] node_modules/idb/build/esm/entry.d.ts(534,31): error TS2304: Cannot find name 'AsyncIterableIterator'.

`import { Component } from ‘@angular/core’; import { openDB } from ‘idb’;

@Component({ selector: ‘app-home’, templateUrl: ‘home.page.html’, styleUrls: [‘home.page.scss’], }) export class HomePage {

constructor(){ this.createDB(); }

async createDB() { const db = await openDB(‘IDBtest’, 1, { upgrade(db) { console.log(‘making a new object store’); db.createObjectStore(‘testsettings’, { autoIncrement: true }); } }); await db.put(‘testsettings’, { server: ‘127.0.0.1’ }, 1);
} }`

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 1
Comments: 21 (8 by maintainers)

Most upvoted comments

Adding esnext.asynciterable to tsconfig worked for me.

{
    "compilerOptions": {
        "lib": [
            "esnext.asynciterable",
            "es2018",
            "dom"
        ],
        ...
    },
    ...
}

josduj on Jul 16, 2019

Hi, maybe the problem depends on the configuration of tsconfig.json and/or the import of the node_modules/@types… I have an Angular project with this tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "allowSyntheticDefaultImports": true,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "importHelpers": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  }
}

In the idb/build/esm/entry.d.ts file I get the errors “Property ‘asyncIterator’ does not exist on type ‘SymbolConstructor’.” and “Cannot find name ‘AsyncIterableIterator’.” probably because it is not finding the correct file where the definitions are. It searches in the …\node_modules\typescript\lib\lib.es2015.iterable.d.ts file, while the idm/lib/entry.ts file correctly search the interfaces in …\node_modules\typescript\lib\lib.esnext.asynciterable.d.ts

How is the correct way to set things in order to work?

sgabb on Apr 9, 2019

Also, how do I import types for idb? Sorry, I am new to typescript. Trying npm install @types/idb didn’t help. When enabling strict mode in typescript, getting the following error :

'/node_modules/idb/with-async-ittr.js' implicitly has an 'any' type.
Try `npm install @types/idb` if it exists or add a new declaration (.d.ts) file
containing `declare module 'idb/with-async-ittr.js';```

shreeshbhat on Mar 24, 2019

I will send you the full code

smout74 on Mar 20, 2019