Vue 3, HERE Maps: Failed to execute 'postMessage' on 'Worker': [object Array] could not be cloned

Question

So we are migrating our code base from Vue 2 to Vue 3 and everything works fine for HERE maps except for the .addObject() event that keeps failing with the error:

Failed to execute 'postMessage' on 'Worker': [object Array] could not be cloned

Nothing else has been changed and the data exists and is properly formatted.

Any help would be appreciated!

Stephen Romero · Accepted Answer · 2023-10-18 21:42:29Z

2

It turns out that Vue 3 uses Proxy and because of this, HERE maps throws a fit.

To fix this I used: toRaw() and wrapped the data inside of this! This fixed the issue.

Docs: https://vuejs.org/api/reactivity-advanced.html#toraw

answered Oct 18, 2023 at 21:42

Stephen Romero

3,0726 gold badges31 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue 3, HERE Maps: Failed to execute 'postMessage' on 'Worker': [object Array] could not be cloned

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related