Vue.js devtool插件安裝后無法使用的解決辦法
初次使用Vue.js devtool插件的新人在安裝了Vue.js devtool插件后,都會經(jīng)常有一個疑問。我在chrome瀏覽器里面已經(jīng)成功安裝好Vue.js devtool插件,怎么點擊后提示vue.js not detected,無法正常使用呢?對于這樣的問題,新人可能會花費很多時間去找答案,今天我們就來整理了解決方法,希望對大家有幫助。
首先,我們先要確保Vue.js devtool插件已經(jīng)安裝成功了。具體的Vue.js devtool插件的安裝方法可以:chrome插件CRX的離線安裝方法中找到答案。
其次,我們需要找到Vue.js devtool插件的安裝目錄??梢栽诒菊疚恼?a rel="external nofollow" target="_blank" >chrome插件CRX文件的安裝目錄中找到插件的安裝位置。話說來,我們真找不到插件的安裝位置,可以在本地電腦搜索插件的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插件的安裝目錄后,打開mainifest.json文件(這是關(guān)鍵)。
將mainfest.json中代碼persistent:false,修改成persistent:true。如下圖所示:
一般情況下,修改完如上的位置的代碼。打開vue項目后,在控制臺選擇vue,就應(yīng)該可以正常使用了。
第四,如果通過上面的方法調(diào)整過后,還是不能夠使用,那么可以調(diào)整一下webpack.config.js的代碼,如下圖所示:
最后,重啟一下你的vue項目應(yīng)該就可以使用了。
注意:文章為本人原創(chuàng),首發(fā)于下面地址。
相關(guān)文章
vue3:vue2中protoType更改為config.globalProperties問題
這篇文章主要介紹了vue3:vue2中protoType更改為config.globalProperties問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-09-09vue?+?ele?實現(xiàn)下拉選擇框和下拉多選選擇框處理方案
這篇文章主要介紹了vue?+?ele?實現(xiàn)下拉選擇框和下拉多選選擇框處理方案,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08Vue路由與a標(biāo)簽鏈接錨點發(fā)生沖突問題及解決
這篇文章主要介紹了Vue路由與a標(biāo)簽鏈接錨點發(fā)生沖突問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03vue@cli3項目模板怎么使用public目錄下的靜態(tài)文件
這篇文章主要介紹了vue@cli3項目模板怎么使用public目錄下的靜態(tài)文件,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07詳解VUE 對element-ui中的ElTableColumn擴展
本篇文章主要介紹了詳解VUE 對element-ui中的ElTableColumn擴展,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03