Vue-devtools: 5.3.2: Property or method "then" is not defined on the instance but referenced during render

[nicooprat]

Version

5.3.2

Browser and OS info

Mac OS 10.13.6 / Version 0.69.135 Chromium: 77.0.3865.120 (Build officiel) (64 bits)

Steps to reproduce

Just load any vue app in dev mode.

What is expected?

The console should be empty.

What is actually happening?

The console is full of this kind of errors Property or method "then" is not defined on the instance but referenced during render for every component.

---

This wasn't occurring with 5.3.1.

[riedelkai]

I also get this error, but only when i enable "New Vuex backend" in settings.
When i disable this setting, the error does not appear.

[Akryum]

Please provide a runnable minimal reproduction.

[andreasvirkus]

Just wanted to say I've been debugging my app for 2 hours so thank you @nicooprat for this issue! 😞 🙌

[CalebKester]

Glad it's not just me. I was going crazy this morning with it. I'm going to have to restore old dev tools between this and consuming all of my CPU the latest version seems a bit buggy.

[VinceG]

Just came across this as well today. Turning off Vuex backend removed all those warnings.

[camaulay]

I noticed it this morning after I updated to Chrome 78.

Toggling off "New Vuex Backend" in the Vue Dev Tools settings has prevented these warnings as others have suggested.

[emahuni]

AAAAAAAAgggggh I just spent 30 minutes debugging my app and turning off things! I was about to open this issue too. Definitely a bug

[mcmimik]

metoo

FYI, exception in console refers to this line in backend.js:
https://github.com/vuejs/vue-devtools/blob/30f15164aabf216b4fcd4b147c2377e598380912/packages/app-backend/src/clone.js#L379
Vue.js devtools 5.3.2

[c-zenker]

I can reproduce the error, if "new vuex backend" and recording on the vuex tab are enabled.
disabling any of them stops the error from happening

[benjaminprojas]

I am also experiencing this exact same issue. Turning off "new vuex backend" fixes it for me as well.

[pdanpdan]

I think this might be related to using import to load components.
I'll try to add a minimal example.

I nailed it :)

Code here: https://codesandbox.io/s/vue-routing-example-zj1so
With reproduction link here: https://zj1so.csb.app/hello

Please open chrome dev tools, switch to Vue tab and check "New vuex backend" is enabled, then switch to console tab and do a refresh.

[dovyden]

Hello!

My case for reproducing

You need app that uses following packages:

1. Vue Router
2. Vuex
3. vuex-router-sync

App should have minimum two routes =)

Steps:

1. Open your app in browser
2. Open Vue developer tools
3. Navigate to other app page (route)
4. vuex-router-sync runs mutation route/ROUTE_CHANGED with payload {from, to} where will have references to components and their instances
5. Vue developer runs cloning of mutation payload and instances of Vue components
6. When devtools try to clone payload.to.matched.0.instances.default._renderProxy Proxy checks the availability of method then and shows warning

[iamsean007]

Spend an Hour to fix this. Thank again for posting this on the forum!!!