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

Unable to view event details in timeline #2154

Open wmurphyrd opened 7 months ago

wmurphyrd commented 7 months ago

Vue devtools version

6.6.1

Link to minimal reproduction

https://play.vuejs.org/#eNp9kUFLwzAUx7/KM5cqzBXR0+gGKgP1oKKCl1xG99ZlpklIXuag9Lv7krK5w9it7//7v/SXthP3zo23EcVEVKH2yhEEpOhm0qjWWU/QgccV9LDytoWCq4U00tTWBII2NDBN/LJ4Qq0tfFuvlxfFlTRVORzHB/FA2Dq9IOQJoFrfzLouL/d9VfKUU2VcJNhet3aJeioFcymgZFiVR/tiJCjw61eqGW+CNWzepX0pats6pdG/OVKsJ8UEMklswXa/LzkjH3G0z+s11j8n8k3YpUyKd48B/RalODBa+AZpwPPPV9zx8wGyfdTcPgM/MFgdk+NQe4hmydpHvWz7nL+/Ms1XmO8ITdhfKommZp/7UvA/eTxz9X/d2/Fd3pOmF/0fEx+nNQ==

Steps to reproduce & screenshots

  1. Open devtools
  2. Timeline tab
  3. Click performance layer
  4. start recording
  5. type some text in the repl text input
  6. Stop recording
  7. click on any event

image

What is expected?

View event details in the box on the far right

What is actually happening?

Neverending loading spinner

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (8) x64 Intel(R) Core(TM) i7-7700K CPU @ 4.20GHz
    Memory: 14.52 GB / 23.96 GB
  Binaries:
    Node: 20.9.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.13.0 - E:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 10.1.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 123.0.6312.86
    Edge: Chromium (123.0.2420.65)
    Internet Explorer: 11.0.19041.3636

Any additional comments?

Went to repeat some past performance benchmarking on an app I work on based on the procedure I'd recorded at the time, but I can no longer view the event details to get the time measurement that I need. I've tried uninstalling/reinstalling vue devtools, 2 different chrome profiles, and PC restart.

I went to the vue playground to rule out any problems with my app, and I can reproduce the problem on the default playground