Vue.js is not detected with vue@3.0.0-rc.4

[way2ex]

Be patient.

FYI: @Akryum is working on this. Please wait for the next release. —— From Evan

Version

6.0.0-beta.1

Browser and OS info

版本 84.0.4147.89/ MacOS10.14.3

Steps to reproduce

• install vue@3.0.0-rc.4 and run webpack-dev-server
• download vue-devtools in version of 6.0.0-beta.1

What is expected?

Vue can be detected

What is actually happening?

Vue.js is not detected

---

I don't know it's a question of vue-devtools or vue-next. Could you point what should i do to use vue-devtools . Is something wrong in my project ?

[LinusBorg]

Devtools work fine for my Vite projects without any workarounds:

[nicholasscottfish]

For anyone still having this issue on Vue 3 projects:

• Install the beta version of Vue dev tools - https://v3.vuejs.org/guide/migration/introduction.html#devtools-extension
• Disable the stable version of the extension via chrome://extensions/
• For localhost urls you may need to edit the extension options and ensure "Allow access to file URLs" is enabled

When switching back to Vue 2 projects:

• Disable the beta version via chrome://extensions/
• Enable the stable version of the extension

Note: You may need to restart Chrome for the changes to take effect

[germsb]

Devtools work fine for my Vite projects without any workarounds:

The vue tab appears fine but it's the only thing that works. Click on image to see video.

[lloydjatkinson]

This also does not work for me. I have both versions of the Vue dev tools installed but no tab in F12.

[germsb]

Devtools work fine for my Vite projects without any workarounds:

The vue tab appears fine but it's the only thing that works. Click on image to see video.

Finally, I solved the problem by uninstalling chrome and deleting all the folders and files it leaves behind. After reinstallation, the problem came back when I logged in to synchronize data from my Google account. I had to turn off extension sync and some more stuff before everything was back to normal

[k0d3d]

If using Vue 3, you need the new version of the extension that is currently still in beta https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg?hl=en

[nolimitdev]

New extension https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg?hl=en seems to support also Vue 2 although website https://v3.vuejs.org/guide/migration/introduction.html#devtools-extension says that only Vue 3 is supported. The same with Router support (Vuex support not tested).

The new version is currently in beta and only supports Vue 3 (for now). Vuex and Router integration is also work in progress.

[WhyNotHugo]

The latest version of the addon still won't pick up Vue3 project. The latest version is from January 2021, so it seems it's still not been pushed to AMO?

[Akryum]

Unfortunately Mozilla doesn't allow uploading beta versions of addons on AMO.

[WhyNotHugo]

Oh, vue3 support is not yet stable?

[LinusBorg]

It basically is, we just haven't done the switch yet, which we will be doing alongside the rest shortly:

https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

[WhyNotHugo]

Ah, thanks! I'd missed that there was a coordinated switch date. Looking forward to it.

[hussein12334]

vue.js devtools just stopped working, no clue why just doesnt want to detect anything

[tomexsansdev]

I Know this is Closed. In Case someone needs this to save you a lot of hair pulling. When Using VueJS3 + Vite

Using the Version 6.1.4 of the FireFox DevTools Extension

Package.json

...
 "vue": "^3.2.31",
 "vue-chartjs": "^4.0.6",
 "vue-router": "^4.0.12",
  "@vitejs/plugin-vue": "^2.2.2",
  "@vitejs/plugin-vue-jsx": "^1.3.7",
  "@vue/eslint-config-prettier": "^7.0.0",
  "@vue/test-utils": "^2.0.0-rc.18"
...

You need to add it to the it to the Vite config

Vite.config.js

export default defineConfig({
  __VUE_PROD_DEVTOOLS__ : process.env.NODE_ENV === 'development'
})