search

vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.68k stars 4.14k forks source link

It is suspected that vue-devtools causes chrome memory overflow and then crashes #2167

Open sh731928441 opened 6 months ago

sh731928441 commented 6 months ago

Vue devtools version

v6.6.1

Link to minimal reproduction

-

Steps to reproduce & screenshots

Step to reproduce:

  1. Open chrome devtools and chooese vue-devtools
  2. Use it for a while( 30s ~ 1m)
  3. Switch to another app(take chrome out of focus)
  4. Use vue-devtools again

Then my chrome crashed.

What is expected?

vue-tools shouldn't crash chrome

What is actually happening?

Using vue-devtools in the chrome browser will cause chrome to crash. And other developers around me also have the same problem.

System Info

System:
 os:windows 11
 CPU:AMD Ryzen 7 5800H
 Memory: 16G

Binaries:
 Node: 16.16.0
 npm: 8.11.0

Browsers:
 Chrome: Version 124.0.6367.119

Any additional comments?

This problem will occur in both vue2 and vue3. Now I have rolled back the version to v6.5.1 and it is working.

QuentinHsu commented 6 months ago

I am facing the same issue, and Chrome has become slow as a result. After uninstalling devtools, Chrome returned to normal.

antoinechamot commented 6 months ago

Same here vue-devtools became unusable. Constant freeze, such a pain

gregveres commented 6 months ago

how did you roll back to 6.5.1? Unfortunately, 6.6.1 is too buggy to use

OZ1245 commented 6 months ago

How install 6.5.1 version?

sh731928441 commented 6 months ago

How install 6.5.1 version?

  1. download from https://github.com/vuejs/devtools/releases/tag/v6.5.1
  2. yarn install
  3. yarn run build
  4. yarn run zip
  5. unzip the ./dist/devtools-chrome.zip
  6. open chrome Extensions
  7. click “Load unpacked” and choose “devtools-chrome” folder
nelson6e65 commented 6 months ago

I'm having this problem in Chrome, Edge, and Firefox for Linux.

nadarevd commented 5 months ago

Same issues on MacOS edge and chrome for me. Happens most of the time when switching between components, vuex, routes, and timeline tabs.

wekerSnail commented 5 months ago

i have the same problem

zhuziyi1989 commented 4 months ago

Two months have passed, yet the issue remains unresolved.

xhc-code commented 4 months ago

I also encountered this issue where devtools caused 100% CPU usage. I saw that some contributors pulled and fixed this bug, but the merge was not successful（ https://github.com/vuejs/devtools/pull/2148 ）There are no subsequent retries.

Vue devtools gives me a feeling of being abandoned.

Everyone can try using another beta version,He's on the homepage. link is https://github.com/vuejs/devtools-next image

sombriks commented 3 months ago

same issue, chrome on linux and mac showing cpu spike usage and eating memory faster than i can quit the browser.

stevenpotts commented 2 months ago

same, becomes unusable within a minute or two, can see the memory usage just going crazy over 3 gb for the window with vue Dev tools open! cpu 25%, memory going thru roof :(