devtools: Chrome effectively freezes when closing its dev tools and Vue Devtools is installed

Vue devtools version

6.5.0

Link to minimal reproduction

https://sfc.vuejs.org/

Steps to reproduce & screenshots

  • Open the SFC Playground
  • Press F12 to open Chrome Devtools
  • Inside the Chrome Devtools, open the Vue panel
  • Make sure that Vue is detected
  • Press F12 again to close Chrome Devtools

What is expected?

  • I can continue to use Chrome like usual

What is actually happening?

  • CPU and Memory Usage increases immensely after closing the Chrome Devtools
  • As a result Chrome becomes unresponsive

System Info

Ubuntu Linux 22.04
Kernel 6.2.0-32-generic
Chrome 117.0.5938.88 (Official Build) (64-Bit)
Vue Devtools 6.5.0

Any additional comments?

This problem came up today while developing on my company’s Vue powered web apps. One colleague can reproduce this issue while another one can’t. I could not find this issue reported yet, hence me creating it now.

Does anyone else have this issue?

For now I need to uninstall Vue Devtools from Chrome and use Firefox instead to debug my Vue apps, because over there it works as expected.

About this issue

  • Original URL
  • State: open
  • Created 9 months ago
  • Reactions: 18
  • Comments: 26

Most upvoted comments

Thanks a lot my friend, after 6 month finally my vue devtools is working. @lxmfly123

Also experiencing something similar. Immediately after opening vue devtools, the memory usage would start quickly going up to 20+ gb until chrome would just crash. I only got a 20-30 second window to use the devtools.

What seems to have helped is disabling React Devtools, Angular Devtools and other extensions.

I disabled Angular devtools and everything gets ok.