v4.0.1 - "Uncaught TypeError: Cannot read property '_route' of undefined" Everywhere

[ImpossivelPT]

On chrome devtools -> Vue, if I click on any component (on the component tree on the left side) this error appears on console:

vue-router.esm.js?880d:557 Uncaught TypeError: Cannot read property '_route' of undefined at Vue$3.get (vue-router.esm.js?880d:557) at backend.js:1 at x (backend.js:1) at t.a (backend.js:1) at Object.y (backend.js:1) at e (backend.js:1) at e (backend.js:1) at e (backend.js:1) at e (backend.js:1) at Object.t.stringifyStrict (backend.js:1)

updated the the project packages, including vue-router, tried on an old version of the project that was working before, but with the v4.0.1 it gives the same error. Installed an old version of vue-devtools (3.1.7) and everything works well as before.

when events or other actions are triggered when using the website the console fills with errors:

On firefox it gives this error:
TypeError: this._routerRoot is undefined

[skrelo]

Same here, latest update from today seems to be broken...
Uncaught TypeError: Cannot read property 'type' of null

[Akryum]

@ctbradley @skrelo Your issues seems to be different, see #499

[Akryum]

@ImpossivelPT You must have some code in your app that is setting this._routerRoot of a component to null.

[Akryum]

It only happens if I manually change _routerRoot: https://github.com/vuejs/vue-devtools/pull/510/files#diff-bf544b5f67a4b91038f07a8dcc6cf4b8R54

We definitively need a boiled-down reproduction of this issue.

[cmandesign]

My plugin has been updated yesterday and I have this issue too. I cannot do anything anymore, I've got stuck -_-

[Akryum]

As I wrote above, we need a minimal reproduction to be able to fix this, since we wern't able to reproduce it locally.

I had this same problem and i had to downgrade to v3 of the extension. I tracked this to a function x(e) in backend.js that has this if in it:

                if (t = e.$options.props) {
                    const n = [];
                    for (let r in t) {
                        const o = t[r];
                        r = Object(s.f)(r),
                        n.push({
                            type: "props",
                            key: r,
                            value: e[r],
                            meta: {
                                type: o.type ? D(o.type) : "any",
                                required: !!o.required
                            }
                        })
                    }
                    return n
                }
                return []

the problem is that some of the values in t are null (in my case there were 2: valid and invalid) and there's a call for o.type so it throws an error because const o = t[r] is null.

[Akryum]

@beliveyourdream You are facing another issue which is related to vee-validate, see #499

@Akryum so i have to upgrade vee-validate to 2.0.3 ?