search

vuejs / devtools-v6

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

Infinite loop bug. When the developer tools are closed, an infinite loop bug may occur. #2182

Closed nocpp closed 1 month ago

nocpp commented 1 month ago

Vue devtools version

6.6.3

Link to minimal reproduction

https://github.com/nocpp/devtools-test/blob/main/index.html

Steps to reproduce & screenshots

  1. Run this page by using the http service.

    image

  2. Open Google Chrome Developer Tools.

    image

  3. Open vue devtools panel.

    image

  4. Open Google Chrome Task Manager.

    image

  5. Close Google Chrome Developer Tools.

    image

  6. Observe the CPU usage of the task manager.

    image

What is expected?

CPU usage is normal.

What is actually happening?

The CPU usage on this page exceeds 100%.

System Info

- MacBook Pro (13-inch, M1, 2020)
- macOS Monterey 12.5.1
- Chrome 126.0.6478.185 (arm64)

Any additional comments?

After my debugging, I found that the issue was caused by this submission.

Due to the addition of eventListener after shutdown, but the cancellation of eventListener in proxy. js, the sending and listening of events continue to loop indefinitely. Suggest canceling this line.

nocpp commented 1 month ago

same as the issues #2103