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

Loads of Vue warns with 6.6.0 #2139

Open bobvandevijver opened 9 months ago

bobvandevijver commented 9 months ago

Vue devtools version

6.6.0

Link to minimal reproduction

None

Steps to reproduce & screenshots

image

What is expected?

No errors. Seems that for each component state, render & currentRoute are accessed while not being defined on that particular component, causing the vue warn handler to kick in.

What is actually happening?

A load of warnings are printed, filling the complete console output.

System Info

System:
    OS: Linux 6.1 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
    CPU: (8) x64 QEMU Virtual CPU version 2.5+
    Memory: 8.93 GB / 15.62 GB
    Container: Yes
    Shell: 5.2.15 - /bin/bash
  Binaries:
    Node: 20.11.1 - /usr/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 10.2.4 - /usr/bin/npm
  npmPackages:
    vue: 2.6.14 => 2.6.14

  System:
    OS: Windows 11 10.0.22631
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H
    Memory: 7.25 GB / 31.68 GB
  Binaries:
    Node: 20.11.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.21 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.2.4 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (121.0.2277.112)
    Internet Explorer: 11.0.22621.1

Any additional comments?

This started this morning, so with the 6.6.0 update.

I do not have a usable repro yet.

bobvandevijver commented 9 months ago

It seems to happen when the page you're working is being reloaded: the extension does not pick up this reload at all (old components and values are still being shown, and it is no longer possible to navigate at all). When reopening the Edge devtools (which seems to restarts the vueks/devtools) the errors start for me.

I strongly suspect this is related to the reload behaviour, which is reproducible on https://sfc.vuejs.org/. Steps: