Vue-devtools: Crash when loading web page

Created on 17 Sep 2018 · 11Comments · Source: vuejs/vue-devtools

Version

5.0.0-beta.3

Browser and OS info

Chrom 69 / El Capitan

Steps to reproduce

Just go to my web page in dev mode with the vue-devtools enabled.

What is expected?

Everything to work like it did in version 4.

What is actually happening?

Get a javascript error in a getter because it is called before initialization.

This might be more of a clue about what is going on. In my app, one of the first things I do is set the router property in my state. I do that here:

new Vue({
  ...
  created: function() {
    store.dispatch('setRouter', router);
  }

With the new version of the vuetools, rootGetters.router is null and causes a crash in one of my getters and the entire initialization stops.

Source

paulrosen

👍11

All 11 comments

@simplesmiler Could this come from the early Vuex clone?

Akryum on 17 Sep 2018

FWIW I was having a similar problem. Hard crash could not load my site when vuex hit this code devtoolHook.emit('vuex:init', store); I disabled vue-devtools and the site worked fine. Strangely I re-enabled vue-devtools and the site still works.

unclejustin on 17 Sep 2018

👍1

I'm seeing the same thing using vue-devtools 5.0.0-beta.3 and Chrome 69.0.3497.100. Vuex getter rootState.route is undefined.

I'm also intermittently seeing another error: __VUE_DEVTOOLS_UID__ of undefined in vue-devtools on the 4.1.5 beta version

ryanlynch717 on 18 Sep 2018

Hey, I've got the same problem here. Just upgrade to v5beta, and got "Cannot read property 'getters' of undefined" in Chrome JS console.

Then I went back to v4 of Vue.js devTools and everything works fine.

siberiadev on 22 Sep 2018

👍1

Workaround: I got it to work by removing the Vue devtools plugin(s) and reinstalling them on the latest (fresh install) version of Chrome.

ryanlynch717 on 24 Sep 2018

👎2

I am facing vue devtools crashing problem even without using vuex. I an hour of coding it crashes atleast 8-10 times.

neeravp on 1 Oct 2018

👎1

I'm getting an error with the new dev tools using Vuex and vuex-router-sync.
Its crashing on a getter:

inBookingView(state) {
      return state.route.name === 'bookings';
}

with an error: Cannot read property 'name' of undefined,
it works fine with Vue devtools 4.

Ben52 on 4 Oct 2018

In my case:

Uncaught TypeError: Cannot read property '_modulesNamespaceMap' of undefined
    at getModuleByNamespace (app.js?id=411dba539e4fd3da7533:174959)
    at Vue.mappedGetter (app.js?id=411dba539e4fd3da7533:174892)
    at Watcher.get (app.js?id=411dba539e4fd3da7533:166214)
    at Watcher.evaluate (app.js?id=411dba539e4fd3da7533:166321)
    at Proxy.computedGetter (app.js?id=411dba539e4fd3da7533:166579)
    at l (<anonymous>:1:1915)
    at l (<anonymous>:1:1912)
    at l (<anonymous>:1:1912)
    at i (<anonymous>:1:2190)
    at Object.n.once.t (<anonymous>:1:2698)