Vue-devtools: [Firefox] Vue detected but DevTools tab not added

[Jessidhia]

The addon icon lights up with the message Vue.js is detected on this page. Open DevTools and look for the Vue panel.; however, opening up the panel does not show the Vue panel. The Vue panel is also not hidden, as it cannot be chosen for hiding in the "Developer Tools installed by add-ons" settings either.

To be sure, the console also has the "You are running Vue in development mode. (...)" message from Vue, so the page I am trying to debug is also running in development mode.

Firefox 55.0.3, Vue DevTools 3.1.6 (both fresh installs).

[caugner]

Do you have the developer tools open at the bottom or at the side or in a separate window? The latter didn't work for me either.

[caugner]

Duplicate of #366

[JosephNC]

For me, it works after closing and opening the developer tools.

[femaimi9527]

Devtools inspection is not available because it's in production mode or explicitly disabled by the author.

[jerrychong25]

For me, I managed to make it working by:

1. Close all Vue.js websites
2. Close DevTools
3. Disable Vue.js DevTools add-on
4. Enable DevTools again
5. Open DevTools