vuedevtools图标不亮不能使用，显示vue.js not detected

（1）不亮解决：

根本原因就是下载的vue开发者工具不对，没有编译。

直接来一个最彻底的解决办法：

下载我已经编译好的shellchrome

链接: https://pan.baidu.com/s/1zKEgGxT5uAvofpD-T1Oa_w?pwd=72m5 提取码: 72m5

解压后拖拽此文件到chrome的拓展程序。

显示的错误不用管，这样就亮了。 

 

（2）亮了但是页签里面没有vue选项，点击图标显示devtools is detected on this page.open devtools and ...

解决办法，在vite.config.ts添加如下代码 

 

define:{
      __VUE_PROD_DEVTOOLS__:true,
    }

 如图所示，完美解决：