vuejs / devtools

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools.vuejs.org/
MIT License
1.61k stars 110 forks source link

devtools causes app to hang in Chrome 130.0.6723.92 #656

Open Tamanna96 opened 5 days ago

Tamanna96 commented 5 days ago

After Chrome updated to version 130.0.6723.92, the Vue.js devtools causes the application to hang for a minute or 2 wherever a for...of loop is used. After disabling the extension, the code is back to running fast.

Personally, I used the extension is occasionally, so it won't stop development, but it would be nice to get it fixed as it can be handy at times.

webfansplz commented 5 days ago

Can you provide a mini repo? 🙏

peak1216 commented 4 days ago

开启这个插件调试,Chrome的CPU瞬间暴涨,导致Chrome卡死

webfansplz commented 4 days ago

开启这个插件调试,Chrome的CPU瞬间暴涨,导致Chrome卡死

方便提供更多信息吗,比如使用的 DevTools 版本号和 Vue.js 版本以及其他。如果能提供可复现 Demo 是最好的 🙏

Alwayfeels commented 3 days ago

I encountered the same problem. After using this plugin, the browser will freeze due to memory corruption.

I tried using vite-plugin-vue-devtools v7.6.2 and v7.5.6, as well as the latest chrome extension. The freeze problem will occur stably. After turning off this plugin, it works fine.

When my browser crashed, chrome devTools stopped at the following line of code in /node_modules/@vue/devtools-shared/dist/index.js function rfdcCircles(opts) { ... const constructorHandlers = /* @__PURE__ */ new Map(); constructorHandlers.set(Date, (o) => new Date(o)); constructorHandlers.set(Map, (o, fn) => new Map(cloneArray(Array.from(o), fn))); constructorHandlers.set(Set, (o, fn) => new Set(cloneArray(Array.from(o), fn))); ... }

I am not sure if this information is useful, but I will continue to try to locate the problem