Failed to execute 'index' on 'IDBObjectStore': The specified index was not found.

[praveenprk]

When trying to access nested object inside a store and iterating it, I come across this : Unhandled rejection: Error: Failed to execute 'index' on 'IDBObjectStore': The specified index was not found.

Initially the function worked well when the functionality was to search through only email and name. Now, I want to make it search through phone too.

The database/table looks like: https://imgur.com/e9ZrxVm

Now, I want to access that billing object which contains a phone key. So, I added:

          const table2 = {
            pos_customers : 'id,first_name,last_name,email,username,billing,billing.phone,shipping,avatar_url,is_true',
          }

          database.version(2).stores(table2);

So, the current code is:

                if (search) {
                    console.log('checking from searching customers');
                    database.table('pos_customers').where("first_name")
                    .startsWithIgnoreCase(search) //worked fine
                    .or('email').startsWithIgnoreCase(search) //worked fine
                    .or('billing.phone').startsWith(search) //want to implement this
                    .toArray().then( (data) => {
                        console.log('checking for data again array of objects...run 4');
                        data.forEach(info => {
                          for(let key in info) {
                            console.log(`${key} ${info.email} ${info.billing.phone}`);
                            }
                          }
                    )}
                    );
                  }

Here you can see all the stores, version, and other information where the store and table is declared: https://imgur.com/a/hkJXbqY