Vue-devtools: Conflict with vue-performance extension: Uncaught TypeError: hook.flushStoreModules is not a function

Created on 26 Mar 2019  ·  30Comments  ·  Source: vuejs/vue-devtools

Version

5.0.1

Browser and OS info

Chrome Version 73.0.3683.86 (Official Build) (64-bit), W10 - Build: 17763.379

Steps to reproduce

Open browser with enabled vue-devtools
Open page with vue and vuex store under control

What is expected?

no error

What is actually happening?

image
Uncaught TypeError: hook.flushStoreModules is not a function at initVuexBackend (backend.js:11839) at connect (backend.js:1472) at initBackend (backend.js:1382) at handshake (backend.js:2696)

component no show

image

vuex no show

image

bug wontfix

Most helpful comment

same here too ;)

I have disabled vue-performance extension and it's work well now.

All 30 comments

Encountered exactly the same issue on Chromium 72.0, Chakra Linux

chrome-extension://n…ld/backend.js:11839 Uncaught TypeError: hook.flushStoreModules is not a function
    at initVuexBackend (chrome-extension://n…ld/backend.js:11839)
    at connect (chrome-extension://n…ild/backend.js:1472)
    at initBackend (chrome-extension://n…ild/backend.js:1382)
    at handshake (chrome-extension://n…ild/backend.js:2696)
14:51:28.055
backend.js:11839 Uncaught TypeError: hook.flushStoreModules is not a function
    at initVuexBackend (VM26407 backend.js:11839)
    at connect (VM26407 backend.js:1472)
    at initBackend (VM26407 backend.js:1382)
    at handshake (VM26407 backend.js:2696)

Same error on Chrome 73.0.3683.86.

Uncaught TypeError: hook.flushStoreModules is not a function at initVuexBackend (backend.js:11839) at connect (backend.js:1472) at initBackend (backend.js:1382) at handshake (backend.js:2696)

@luffyli the only workaround to show components is to click 'Refresh' button within vue-devtools.

@luffyli the only workaround to show components is to click 'Refresh' button within vue-devtools.

@janswist Thank you

I can't reproduce this issue. Please provide a runnable reproduction.

Same problem here

same here too ;)

I have disabled vue-performance extension and it's work well now.

Also try to update Chrome to newest version. Started to work a bit, but now I get this error:

index.js?58ae:126 Uncaught TypeError: Cannot read property 'defaults' of undefined
    at Store.authenticate (index.js?58ae:126)
    at wrappedMutationHandler (vuex.esm.js?2f62:697)
    at backend.js:12092
    at Array.forEach (<anonymous>)
    at loop (backend.js:12092)
    at replayMutations (backend.js:12109)
    at Bridge.<anonymous> (backend.js:12022)
    at Bridge.emit (backend.js:3205)
    at Bridge._emit (backend.js:3028)
    at backend.js:2953

@oliviermattei Yeah. Seems to be a conflict with vue-performance extension.
Disabling it works.

The problem is apparently related to the vue-performance extension.
I have disabled vue-performance extension and it works well for me

I had the same and disabling vue-performance extension did the work :) thanks

Same error on 73.0.3683.86(正式版本) (64 位)
backend.js:11839 Uncaught TypeError: hook.flushStoreModules is not a function
at initVuexBackend (backend.js:11839)
at connect (backend.js:1472)
at initBackend (backend.js:1382)
at handshake (backend.js:2696)

Same error on 73.0.3683.86(正式版本) (64 位)
backend.js:11839 Uncaught TypeError: hook.flushStoreModules is not a function
at initVuexBackend (backend.js:11839)
at connect (backend.js:1472)
at initBackend (backend.js:1382)
at handshake (backend.js:2696)

when disabled vue-performance extension and it works well for me

Same problem here

Same, subscribed.

Same problem

And I got some error. Screenshot below:
image

I already filed an issue for Vue-Performance extension - the solution is to add the missing code fragment to the hook.once("vuex:init" callback (as shown in the issue). If you patch yourself the Vue-Performance code you will have to re-add the extension using Load Unpacked menu in Chrome (which seems to be available in Developer mode only)

Same problem here

I remove Vue Performance chrome plugin, it works well for me

Same issue here. I disabled Vue Performance to skirt this issue.

Same problem here

Same problem here,help me. remove Vue Performance chrome plugin, it works well also.

same here too ;)

I have disabled vue-performance extension and it's work well now.

It works!!!

I have disabled vue-performance and dejavue extensions and it works well now

Same in Firefox 68.0b2

I remove Vue Performance chrome plugin. It can run successfully.

confirming that removing Vue Performance extension on firefox also solves my issue. otherwise the vuex will keep lading infinitely.

when call method you method this error
Error in v-on handler: "TypeError: _this.shareScreen is not a function"

The problem is apparently related to the vue-performance extension.
I have disabled vue-performance extension and it works well for me

It's true that I use this method,Thanks.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ispal picture ispal  ·  4Comments

mitramejia picture mitramejia  ·  3Comments

trollderius picture trollderius  ·  3Comments

gustojs picture gustojs  ·  3Comments

bajzarpa picture bajzarpa  ·  3Comments