Recently, when debugging the Vue3 project created by Vite, I found that the Vue Devtool extension icon of Chrome is gray, and the debug window opened by clicking F12 does not appear the Vue tab. As shown below:
When switching to a Vue2 project, Vue Devtool can be used, but it is suspected that it is a problem with the Vue Devtool version. The current version does not support Vue3. Sure enough, installing version 6.1.3 from the Chrome Web Store and disabling the previously installed version worked. As shown below:
