Nuxt•9mo 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•9mo ago

Or any alternative to vueDevtools?

TheSpik3•9mo ago

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

brunomgmateusOP•9mo 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•9mo 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•9mo 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•9mo ago

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

Nook•9mo 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•9mo ago

thanks for raising it

Nook•9mo 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