Nuxt•8mo ago

Vue devtools 6.6.1 doesn't seem to work properly since Nuxt 3.10, and stopped displaying in 3.11

Hi everyone. I've been using Vue Devtools with Nuxt for years already, but it seems to be broken on the latest updates of Nuxt. The extension is detected correctly, but never displays the tab in Chrome Devtools (same behaviour in Firefox). Looking at the DOM, I can see

<div id="vue-inspector-container" data-v-app="">
  <div data-v-31d1379f="" data-v-inspector-ignore="true">
    <!--v-if-->
    <!-- Overlay -->
    <!--v-if-->
  </div>
</div>

<div id="vue-inspector-container" data-v-app="">
  <div data-v-31d1379f="" data-v-inspector-ignore="true">
    <!--v-if-->
    <!-- Overlay -->
    <!--v-if-->
  </div>
</div>

Still think this is likely a VueDevtools bug, but I've initialised various versions of Nuxt, and seems like it behaves differently across different versions. Also tried to use vue-devtools standalone, but also doesn't run, with an Uncaught Error: Dynamic require of "crypto" is not supported Anyone has any ideas about what could be the issue?

9 Replies

brunomgmateusOP•8mo ago

Or any alternative to vueDevtools?

TheSpik3•8mo ago

Hey, downgrading "@nuxt/devtools": "1.0.8" seems to fix the issue for now.

brunomgmateusOP•8mo ago

Great! I had to disable my nuxt devtools entirely and disable "update on reload" from the Aplication tab in Chrome, but works again. Thanks 👏

danielroe•8mo ago

Do raise an issue in https://github.com/nuxt/devtools 🙏

GitHub

GitHub - nuxt/devtools: Unleash Nuxt Developer Experience

Unleash Nuxt Developer Experience. Contribute to nuxt/devtools development by creating an account on GitHub.

TheSpik3•8mo ago

Already done ✅ https://github.com/nuxt/devtools/issues/634

GitHub

fix: vue devtools tab doesn't show up in chrome devtools · Issue #6...

🐛 The bug After updating my projects to last version of Nuxt I noticed Vue Devtools chrome extension isn't showing up anymore. I found this issue - vuejs/devtools#2138, but downgrading just @vu...

Rowin•8mo ago

Spent the last 30 minutes trying to figure out why the Vue tab wouldn't show up, and this worked. Thanks!

Nook•8mo ago

Although v1.1.4 resolves the latest issue, there is a new one introduced, I opened the issue here: https://github.com/nuxt/devtools/issues/640

GitHub

fix: Vue devtools crashing (unusable) with v1.1.4 · Issue #640 · nu...

🐛 The bug When using the Nuxt devtools with version 1.1.4 we cannot use the Vue devtools along. See logs below. I digged a bit, and the code throwing the error seems to belong to @vue/devtools-api,...

danielroe•8mo ago

thanks for raising it

Nook•8mo ago

Discussed it with posva, he believes there should be no breaking change between vue/devtools 6->7 but from what I digged, it might be caused by a version mismatch. What's funny is that vue-router does not cause the issue even if pinned at v6, while pinia does

Gaming

Programming

Vue devtools 6.6.1 doesn't seem to work properly since Nuxt 3.10, and stopped displaying in 3.11