Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

reactivity.esm-bundler.js:1024 Uncaught (in promise) RangeError: Maximum call stack size exceeded #689

Open
zh-or opened this issue Nov 7, 2024 · 2 comments

Comments

@zh-or
Copy link

zh-or commented Nov 7, 2024

vue version:3.5.12
pinia version:2.1.7
devtools version: 7.6.3
chrome version:130.0.6723.92 (not matter much)
error log:

reactivity.esm-bundler.js:1024 Uncaught (in promise) RangeError: Maximum call stack size exceeded
    at MutableReactiveHandler.ownKeys (reactivity.esm-bundler.js:1024:1)
    at Function.getOwnPropertySymbols (<anonymous>)
    at traverse (reactivity.esm-bundler.js:1883:1)
    at traverse (reactivity.esm-bundler.js:1881:1)
    at traverse (reactivity.esm-bundler.js:1881:1)
    at traverse (reactivity.esm-bundler.js:1881:1)
    at traverse (reactivity.esm-bundler.js:1881:1)
    at traverse (reactivity.esm-bundler.js:1881:1)
    at traverse (reactivity.esm-bundler.js:1881:1)
    at traverse (reactivity.esm-bundler.js:1881:1)

image

触发堆栈溢出的代码, 关闭devtools后则不会报错!

import {h, render} from 'vue';
import com from 'xxx';


function mount() {
    render(h(com, {}), document.createElement('div'));
}

mount();

但是这段代码单独拿出来使用又没有问题!

@webfansplz
Copy link
Member

方便提供一个最小可复现 Demo 吗?🙏

@zh-or
Copy link
Author

zh-or commented Nov 8, 2024

目前项目结构是vue3+webpack5, 但是某些组件是通过render函数挂载的.
代码很多尝试了一下, 不好复现. 目前知道的两点可以解决问题

  1. 关闭devtools
  2. 注释掉render挂载相关代码

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants