Vue Devtool freezes the page and shows nothing but the vue logo on Vue Devtools itself

[baermathias]

Version

5.3.3

Browser and OS info

Chrome Version 85.0.4183.121 / Windows 10

Steps to reproduce

I am working on a bigger application and couldn't find out what causes the crash, so I couldn't create reproducable content so far.

What is expected?

Vue Devtools working as usual

What is actually happening?

The site is working fine until I open up Vue Devtools, then the site freezes and Vue Devtools itself opens up in the way that it displays the Vue logo but nothing else!

It ocasionally worked for about 10-15 minutes as I created a new fresh project, changed from there the theme to dark and then opened the other project again.

---

Is there a way to activate logging or crashlytics for vue devtools? so it could tell me why it is behaving this way?

[baermathias]

In Firefox the page also freezes, after opening Vue Devtools, but it runs more stable compared to Chrome and manages to show me some info. It might be that vuexfire has something to do with this issue, but firebase and vuexfire are very bad for debugging. Here is a screenshot:

[baermathias]

I think it is a Vuex and Vue Devtools problem in regards to bigger amount of data. If I load 200 records everything seems to be fine. If I load 3k, then Devtools crashes. Is this a known issue?

Is there a way to solve this?

[shaunc869]

I have this issue as well.

[Pxeba]

I was having this problem. After a few tries I realized that what was freezing was a very frequent update of a Proxy state variable from Pinia.

After creating a separate variable and updating my data only at the end of an interaction the page stopped freezing with vue dev tools open

[KohliSuraj]

I'm facing the same issue. Application is working fine, but as soon as I open vuedev tools the webpage hangs. Any tips on how to go out debugging this?