Vue.js devtool插件安裝后無(wú)法使用的解決辦法
初次使用Vue.js devtool插件的新人在安裝了Vue.js devtool插件后，都會(huì)經(jīng)常有一個(gè)疑問(wèn)。我在chrome瀏覽器里面已經(jīng)成功安裝好Vue.js devtool插件，怎么點(diǎn)擊后提示vue.js not detected，無(wú)法正常使用呢？對(duì)于這樣的問(wèn)題，新人可能會(huì)花費(fèi)很多時(shí)間去找答案，今天我們就來(lái)整理了解決方法，希望對(duì)大家有幫助。
首先，我們先要確保Vue.js devtool插件已經(jīng)安裝成功了。具體的Vue.js devtool插件的安裝方法可以：chrome插件CRX的離線安裝方法中找到答案。
其次，我們需要找到Vue.js devtool插件的安裝目錄。可以在本站文章chrome插件CRX文件的安裝目錄中找到插件的安裝位置。話說(shuō)來(lái)，我們真找不到插件的安裝位置，可以在本地電腦搜索插件的ID：nhdogjmejiglipccpnnnanhbledajbpd。用戶可以在插件列表中找到插件的ID,如下圖所示。這是我在win8系統(tǒng)上chrome插件的安裝位置
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0
第三，在找到了Vue.js devtool插件的安裝目錄后，打開(kāi)mainifest.json文件（這是關(guān)鍵）。
將mainfest.json中代碼persistent：false，修改成persistent：true。如下圖所示：
一般情況下，修改完如上的位置的代碼。打開(kāi)vue項(xiàng)目后，在控制臺(tái)選擇vue，就應(yīng)該可以正常使用了。
第四，如果通過(guò)上面的方法調(diào)整過(guò)后，還是不能夠使用，那么可以調(diào)整一下webpack.config.js的代碼，如下圖所示：
最后，重啟一下你的vue項(xiàng)目應(yīng)該就可以使用了。
注意：文章為本人原創(chuàng)，首發(fā)于下面地址。
相關(guān)文章
由于公司網(wǎng)絡(luò)登element-ui官方文檔很慢,想把他載下來(lái)離線文檔本地跑,下面這篇文章主要給大家介紹了關(guān)于本地部署element-plus文檔的簡(jiǎn)單步驟,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
Vue-cli3.X使用px2 rem遇到的問(wèn)題及解決方法
這篇文章主要介紹了Vue-cli3.X使用px2rem遇到的問(wèn)題及解決方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
vue excel上傳預(yù)覽和table內(nèi)容下載到excel文件中
這篇文章主要介紹了vue excel上傳預(yù)覽和table內(nèi)容下載到excel文件中,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-12-12
本文主要介紹了vue 如何打開(kāi)接口返回的HTML文件，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
下面小編就為大家分享一篇基于Vue2.X的路由和鉤子函數(shù)詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
VUE搭建分布式醫(yī)療掛號(hào)系統(tǒng)后臺(tái)管理頁(yè)面示例步驟
這篇文章主要為大家介紹了分布式醫(yī)療掛號(hào)系統(tǒng)之搭建后臺(tái)管理系統(tǒng)頁(yè)面，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
這篇文章主要介紹了Vue如何監(jiān)聽(tīng)元素寬高變化問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
今天小編就為大家分享一篇解決vue同一slot在組件中渲染多次的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
IE11下處理Promise及Vue的單項(xiàng)數(shù)據(jù)流問(wèn)題
最近我開(kāi)發(fā)的公司的競(jìng)賽網(wǎng)站被發(fā)現(xiàn)在IE11下排行榜無(wú)數(shù)據(jù)，但是在其他瀏覽器沒(méi)問(wèn)題，我然后打開(kāi)控制臺(tái)一看，發(fā)現(xiàn)有問(wèn)題，糾結(jié)了半天才搗騰好，下面小編把方案分享處理，供大家選擇2019-07-07
vue2.x中h函數(shù)(createElement)與vue3中的h函數(shù)詳解
h函數(shù)本質(zhì)就是createElement(),h函數(shù)其實(shí)是createVNode的語(yǔ)法糖,返回的就是一個(gè)Js普通對(duì)象,下面這篇文章主要給大家介紹了關(guān)于vue2.x中h函數(shù)(createElement)與vue3中h函數(shù)的相關(guān)資料,需要的朋友可以參考下2022-12-12