[Devtool] An error occurred in hook getInspectorTree registered by plugin org.vuejs.vue2-internal

[mashirozx]

Reproduction

https://git.moezx.cc/mashiro/agk-common/src/commit/a83ee7467596978d5d7d41e38b4bd5837d5f6598

Reproduction on commit tree a83ee7467596978d5d7d41e38b4bd5837d5f6598

Steps to reproduce the behavior

    "pinia": "^2.0.6",
    "vue": "^2.6.14",

Devtools: 6.0.0 beta 20

useTagsStore in a layout component code here

Expected behavior

No error or warnings in browser console

Actual behavior

Additional information

I tried to use store with a setTimeout for 200ms, then it works without error, but this is not what I expected.

Seems there is issue for DevTools to detect Vue app instance when initializing the store.

[nicholasklaene]

I am having the same issue using the chrome browser extension.

[nicholasklaene]

All functionality seems to be working, just an annoying console error

[hosseinghs]

I have the same issue in chrome , but I see no errors in firefox

[Dawn-ferry]

This should be Vue.js devtools 6.0.0 beta 21 fault，Waiting for repair or close devtools's beta

[zoyuxb]

Or you may downgrade to the old version https://devtools.vuejs.org/guide/installation.html#legacy

[hosseinghs]

I had the same issue. I turned off "Custom Inspectors" in Vue devTools global settings and the error disappeared.

how can I turn it off too ?

[abugi]

In your Vue devTools...

• click on the 3 dots at the top right hand corner to reveal the options
• select "Devtools plugin" option
• click on "Vue 2" in the left side bar
• click the switch to turn off custom inspectors

PS: I turned it back on later and the error did not come back.

[tom-evaristo]

In your Vue devTools...

* click on the 3 dots at the top right hand corner to reveal the options

* select "Devtools plugin" option

* click on "Vue 2" in the left side bar

* click the switch to turn off custom inspectors

PS: I turned it back on later and the error did not come back.

This worked for me to. using laravel-mix

current setup is:

 "devDependencies": {
        "autoprefixer": "^10.4.7",
        "axios": "^0.19",
        "cross-env": "^7.0",
        "laravel-mix": "^6.0.49",
        "lodash": "^4.17.13",
        "pinia": "^2.0.14",
        "postcss": "^8.4.14",
        "resolve-url-loader": "^3.1.0",
        "sass": "^1.15.2",
        "sass-loader": "^8.0.0",
        "tailwindcss": "^3.1.6",
        "vue": "^3.2.37",
        "vue-loader": "^16.8.3"
    }

Disabled and enabled the Custom Inspector and the error went away. weird

[natsuki-engr]

In my case, i turned off custom inspectors of pinia, and turned on immediately. the error didn't come back.