dev tools crashing after hot realoding

[lipecss]

Vue devtools version

6.6.4

Link to minimal reproduction

no

Steps to reproduce & screenshots

I've been noticing that in all projects I work with vue, whether it's simple or complex when hot reloading the devtools is crashing and I need to click on the X and open it again. This problem its happening on Edge browser

So if I'm using vue store or pinia they disappear

What is expected?

Not crash

What is actually happening?

Exteions its crasing and i need to close and re open again the extesion after hot reload

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor
    Memory: 6.56 GB / 15.92 GB
  Binaries:
    Node: 20.18.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.8.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (130.0.2849.46)
    Internet Explorer: 11.0.22621.3527

Any additional comments?

No response

[PwtKCL]

Hi I have been experiencing this issue for several weeks now and it is making work with the devtools particularly frustrating and almost unusable. It's a pity, because it was working pretty well before.
For information, this problem is also happening in Chrome.

[Avaru]

Same here with 7.6.3

This is happening when using pinia stores only. Chrome.

[we125182]

Because the chrome extension content_script is a function to append a script which may run after your app. In normal case the content_script should run first, it will inject global property __VUE_DEVTOOLS_GLOBAL_HOOK__ which vue.js app can detect devtools. I change the manifest.json like this and build. load the unpack extension works fine.

devtools-v6/packages/shell-chrome/manifest.json

Lines 48 to 57 in dd2ab5d

	"content_scripts": [
	{
	"matches": [
	"<all_urls>"
	],
	"js": [
	"build/hook.js"
	],
	"run_at": "document_start"
	},

  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
-         "build/hook.js"
+        "build/hook-exec.js"
      ],
-     "run_at": "document_start",
+     "run_at": "document_start",
+     "world": "MAIN"
    },