Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
sh731928441 opened this issue May 9, 2024 · 12 comments

Comments

@sh731928441
Copy link

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
Copy link

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

@antoinechamot
Copy link

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

@gregveres
Copy link

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

@OZ1245
Copy link

OZ1245 commented May 15, 2024

How install 6.5.1 version?

@sh731928441
Copy link
Author

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
Copy link

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

@nadarevd
Copy link

nadarevd commented Jun 4, 2024

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

@wekerSnail
Copy link

i have the same problem

@zhuziyi1989
Copy link

Two months have passed, yet the issue remains unresolved.

@xhc-code
Copy link

xhc-code commented Jul 19, 2024

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
Copy link

sombriks commented Aug 8, 2024

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

@stevenpotts
Copy link

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 :(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests