Skip to content

vue devtools can not work #2195

@IdealBoy709

Description

@IdealBoy709

Vue devtools version

6.6.4

Link to minimal reproduction

Steps to reproduce & screenshots

I have installed many plugins on my Chrome for Mac, which are useful and necessary, and I have installed the 6.6.4 version of vue devtools on my computer.
At present, when running the old vue2 project on my Chrome, the devtools cannot be automatically called up, but the vue3 project seems to be normal. Through breakpoint debugging, I found that the execution order of the local devtools and the execution order of vue.esm.js seemed to be reversed, resulting in the failure to find the window.__VUE_DEVTOOLS_GLOBAL_HOOK__ object when vue.esm.js initialized devtools, so the developer tools could not be displayed normally.
When I use other browsers, I first execute the hijacking injection of window.VUE_DEVTOOLS_GLOBAL_HOOK, and then execute init in the emit of devtools in vue.esm.js.
1731687761879

What is expected?

Old vue2 projects can also call up devtools normally

What is actually happening?

The development environment normally invokes vue devtoolsThe development environment cannot call up vue devtools in the vue2 project, but everything is normal in the vue3 project

System Info

System:
    OS: macOS 15.2
    CPU: (12) x64 Apple M2 Max
    Memory: 727.14 MB / 64.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 14.20.0 - ~/.nvm/versions/node/v14.20.0/bin/node
    Yarn: 1.22.22 - /opt/homebrew/bin/yarn
    npm: 6.14.17 - ~/.nvm/versions/node/v14.20.0/bin/npm
    Watchman: 2024.11.04.00 - /opt/homebrew/bin/watchman
  Browsers:
    Chrome: 131.0.6778.70
    Edge: 130.0.2849.80
    Safari: 18.2

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions