Skip to content

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'app') #922

Open
@jnnwnk

Description

@jnnwnk

We develop a Vue app, which is provided as a web component for production usage.
The component is integrated in a tab layout, the web component is instantiated when the tab is opened, the web component is disconnected when the tab is closed and the Vue app is also unmounted in this context.
When a tab containing the web components is closed for the first time, the following error occurs. When reopening a tab that contains the web component, the error always occurs from now on. The communication between the web component and the tab layout no longer works, the functionality is no longer fully available. The Vue app in the web component itself is still functional.
The Dev Tools are not part of the (prod) build, they are installed as a browser extension. If the dev tools are deactivated in the browser, the error no longer occurs and everything works as expected.

prepare.js:1 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'app')
    at Object.get (prepare.js:1:41156)
    at prepare.js:1:70195
    at prepare.js:1:33620
    at prepare.js:1:33612

which leads to

, I = new Proxy(u.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__,{
  get(t, e, o) {
    return e === "value" ? u.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ : e === "id" ? u.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ : u.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__[e]
  }
...

e seems to be undefined.

Browser: Chrome
Version: 137.0.7151.120
Vue Dev Tools: 7.7.7

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