如果安裝的是正常版本的Vue.js Devtools,在vue3的項目中無法正常使用,是灰色的
網上查了很多方法:
比如檢查 manifest.json 文件,把 "persistent": false,改為:true (我電腦中的地址:C:\Users\lu\AppData\Local\Google\Chrome\User Data\Default\Extensions\pnhdnpnnffpijjbnhnipkehhibchdeok\0.12.0_0)
等等。。。
在嘗試了各種方法之后,最終發現是vue3的問題,使用vue3需要使用Beta版本的 devtools
卸載了之前的 vue2 的Devtools調試工具,重新安裝Beta版本后可以正常使用了
安裝方法:
1、下載Beta版本的 devtools
2、打開谷歌瀏覽器的插件頁面 chrome://extensions/
,把下載好的調試工具解壓拖動到該頁面放開,會跳出是否添加插件,添加就可以了
3、插件頁面要打開開發者模式
插件開關打開,點詳細信息
打開允許訪問文件網址
點擊瀏覽器右上角的插件圖標,點擊固定,讓調試工具固定顯示就可以了
關閉頁面重新打開,按F12,就可以看到多了一個vue選項