Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Maximum call stack size exceeded in Vue warn #8074

@Maxim-Mazurok

Description

@Maxim-Mazurok

Vue version

3.2.47

Link to minimal reproduction

https://github.com/Maxim-Mazurok/vue-8074-repro

Steps to reproduce

Basically I'm trying to test Vuetify VSelect component in Vitest and I don't have window.ResizeObserver in jsdom.
This results in Error from watcher:
[Vue warn]: Unhandled error during execution of watcher callback
After that, in node_modules/@vue/runtime-core/dist/runtime-core.cjs.js is enters an infinite loop:
in function warn it takes trace which includes Ref/Proxy, and when trying to console.warn() it - it triggers Avoid app logic that relies on enumerating keys on a component instance warning which then has the same trace, which triggers Avoid app logic that relies on enumerating keys on a component instance which has the same trace, and so on, loop.

What is expected?

No loop.

What is actually happening?

Loop :)

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.2 LTS 22.04.2 LTS (Jammy Jellyfish)
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i9-12900H
    Memory: 26.01 GB / 31.19 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 18.13.0 - ~/.nvm/versions/node/v18.13.0/bin/node
    npm: 8.19.3 - ~/.nvm/versions/node/v18.13.0/bin/npm
  Browsers:
    Chrome: 112.0.5615.49
  npmPackages:
    vue: ^3.2.47 => 3.2.47

Any additional comments?

Sorry for a bit rushed report, hopefully it's enough detail, I'm trying to debug it now.

Metadata

Metadata

Assignees

No one assigned

    Labels

    🔨 p3-minor-bugPriority 3: this fixes a bug, but is an edge case that only affects very specific usage.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions