Failed to execute 'createObjectStore' on 'IDBDatabase': The keyPath option is not a valid key path. about dexie.js

[dfahlander]

Ok there's a space in the primary key "pubkey blocked". Haven't seen that before and i don't remember if that is valid in IndexedDB. Try with "pubkeyBlocked" or if blocked was meant to be a secondary index, "pubkey, blocked"

[secondl1ght]

NOTE: I checked the Application tab in DevTools and noticed there is no database initiated, so this could be the root of the issue and not the data types. I am following this tutorial https://dexie.org/docs/Tutorial/Svelte using SvelteKit to setup my Dexie DB. I added the db.ts file (using TypeScript) as shown there.

[secondl1ght]

Update: I have tried explicitly calling the db.open() method to ensure that the database is opened but I still receive the same DatabaseClosedError with nothing showing up in IndexedDB. I am not sure what I am doing differently from the tutorial to receive these errors...

[secondl1ght]

I even tried using await on db.open() and the Promise resolves successfully but still it looks like no DB is opened and the error is thrown?

[secondl1ght]

If this helps to debug here is a code snippet of my db.ts file:

export class MySubClassedDexie extends Dexie {
	conversations!: Table<Conversation>;

	constructor() {
		super('MyDB');
		this.version(1).stores({
			conversations: '&pubkey blocked' // Primary key and indexed props
		});
	}
}

export const db = new MySubClassedDexie();

[secondl1ght]

Ah thanks a lot, I totally missed the , that is required. I was trying to set pubkey as the primary and blocked as another key. Sometimes it's the little things that take the longest to notice... It's working now. :)

[dfahlander]

Ah thanks a lot, I totally missed the , that is required. I was trying to set pubkey as the primary and blocked as another key. Sometimes it's the little things that take the longest to notice... It's working now. :)

Great to hear that it was the issue! Logging error.inner on the catched DatabaseClosedError would have revealed 'SyntaxError: Failed to execute 'createObjectStore' on 'IDBDatabase': The keyPath option is not a valid key path.'.

This reminds me that there might have been a good idea to let DatabaseClosedError.prototype.toString() reveal also the message from the inner exception (note to myself).