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插件的安裝目錄?？梢栽诒菊疚恼?a rel="external nofollow" target="_blank" >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)文章
本篇文章主要介紹了淺談Vue下使用百度地圖的簡(jiǎn)易方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
vue3:vue2中protoType更改為config.globalProperties問(wèn)題
這篇文章主要介紹了vue3:vue2中protoType更改為config.globalProperties問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了element 動(dòng)態(tài)合并表格的步驟，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了vue的面包屑導(dǎo)航組件，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07
解決Vue 給mapState中定義的屬性賦值報(bào)錯(cuò)的問(wèn)題
這篇文章主要介紹了解決Vue 給mapState中定義的屬性賦值報(bào)錯(cuò)的問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
vue?+?ele?實(shí)現(xiàn)下拉選擇框和下拉多選選擇框處理方案
這篇文章主要介紹了vue?+?ele?實(shí)現(xiàn)下拉選擇框和下拉多選選擇框處理方案,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
Vue路由與a標(biāo)簽鏈接錨點(diǎn)發(fā)生沖突問(wèn)題及解決
這篇文章主要介紹了Vue路由與a標(biāo)簽鏈接錨點(diǎn)發(fā)生沖突問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue@cli3項(xiàng)目模板怎么使用public目錄下的靜態(tài)文件
這篇文章主要介紹了vue@cli3項(xiàng)目模板怎么使用public目錄下的靜態(tài)文件，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
詳解VUE 對(duì)element-ui中的ElTableColumn擴(kuò)展
本篇文章主要介紹了詳解VUE 對(duì)element-ui中的ElTableColumn擴(kuò)展，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
本篇文章主要介紹了如何在 Vue.js 中使用第三方j(luò)s庫(kù)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04