Vue dev tool display only

Question

i often see only <root> tag in components in vue devtool. If i search a specific component in page, it display like you see on picture below right sight. When i reload page a few times it appears all the tree but in next reload it disappear again. I'm performing this issue for Vue dev tool for all browser. (chrome, firefox, and edge) Vue3 + Pinia + vueX

Edge Dev tool

Are you naming your components? With a `name` inside the default export ? — IVO GELOV, Feb 03 '23 at 11:25
@IVOGELOV that should still have a fallback even if omitted. — kissu, Feb 03 '23 at 12:35
Maybe Pinia and Vuex are mutually incompatible? Or maybe there is a bug in Vue DevTools. Try opening and closing the DevTools a couple of times - it might reset. — IVO GELOV, Feb 06 '23 at 10:08
@IVOGELOV Each component has a unique name, as you see on right side, my component is called as field-contaniner — Sadikerd, Feb 08 '23 at 09:21

score 0 · Answer 1 · answered Apr 25 '23 at 09:44

I have found the case why i got this error. I'm using aggrid in my project. When aggrid launched in the page, i can't see my components in vue dev tool. But in any other page it works properly. I think aggrid lance another instance of vue. I don't have any solution but found the case :)

Vue dev tool display only

1 Answers1