DataCloneError: Failed to execute 'put' on 'IDBObjectStore': An object could not be cloned.

When i setItem then get error DataCloneError: Failed to execute 'put' on 'IDBObjectStore': An object could not be cloned.

my code:

this.cacheOrders.push(order);// success!
 let str = JSON.stringify(this.cacheOrders);// success!
 console.log(JSON.parse(str));// success!
return localForage.setItem(this.cacheOrdersKey,this.cacheOrders);// error!

if i change return localForage.setItem(this.cacheOrdersKey,this.cacheOrders); to return localForage.setItem(this.cacheOrdersKey,JSON.stringify(this.cacheOrders)); then success,If so, why would I want to use localForage.

[tofumatt]

localForage’s IndexedDB driver doesn’t serialise the data to JSON before storing it; it directly stores the data you pass it into IndexedDB.

So it seems you have some data that can’t be cloned (objects referencing another maybe, etc.). If you want you can manually serialise and deserialise the data, but that means you will lose some of the data you’re storing.

What does the object you’re trying to store look like?

[tofumatt]

Ah, okay, if the object contains a function it can’t be stored inside a database as it can’t save functions.

You’ll need to remove the function from the object you’re trying to save before saving it. You can see the types of objects localForage can store here: https://localforage.github.io/localForage/#data-api-setitem