解決vue.js not detected的問題
最近在看vue的時(shí)候,發(fā)現(xiàn)之前裝過的vuedevtools提示vue.js is not detected。重裝了一次后,發(fā)現(xiàn)對(duì)于沒有應(yīng)用vue框架的頁面,的確是檢測(cè)不到vue.js,所以報(bào)這個(gè)很正常;切換到有vue.js資源的頁面,調(diào)試界面就會(huì)自動(dòng)檢測(cè)出vue插件(如果還是報(bào)錯(cuò),具體下文有講)。如果你跟我一樣上不了chrome商店,那么希望下面的步驟可以幫到你。
首先下載插件:
https://devtools.vuejs.org/guide/installation.html

之后打開chrome,地址欄輸入 chrome://extensions/ ,在擴(kuò)展程序頁面,打開開發(fā)者模式:

然后直接將下載的CRX文件拖入,在提示下完成安裝,裝完是這樣的:

此時(shí),打開vue頁面仍未檢測(cè)出插件:


那么就需要我們進(jìn)入到 manifest.json 這個(gè)文件,修改 persistent變量的值為true;
文件路徑如下。然后重新打開頁面就好了。
目錄:C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0 =>找到文件:manifest.json =>將這個(gè)修改 "persistent": true,
目錄需要根據(jù)自己Google安裝文件目錄而定,不一定是上述目錄

再點(diǎn)擊詳情,將允許訪問文件網(wǎng)址打開按鈕就可以了。

注意:如果是想把Vue安裝在Edge上,基本步驟是和Chrome一樣的,不過少了一步修改Chrome的配置文件。


最后,重新打開網(wǎng)頁就可以了:

到此這篇關(guān)于解決vue.js not detected的問題的文章就介紹到這了,更多相關(guān)vue.js not detected內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue中動(dòng)態(tài)select的使用方法示例
這篇文章主要介紹了vue中動(dòng)態(tài)select的使用方法,結(jié)合實(shí)例形式分析了vue.js使用動(dòng)態(tài)select創(chuàng)建下拉菜單相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-10-10
在瀏覽器console中如何調(diào)用vue內(nèi)部方法
這篇文章主要介紹了在瀏覽器console中如何調(diào)用vue內(nèi)部方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-07-07
vue2.0的contextmenu右鍵彈出菜單的實(shí)例代碼
本篇文章主要介紹了vue2.0的contextmenu右鍵彈出菜單的實(shí)例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
Vue+Element ui實(shí)現(xiàn)樹形控件右鍵菜單
這篇文章主要為大家詳細(xì)介紹了Vue+Element ui實(shí)現(xiàn)樹形控件右鍵菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
vue+高德地圖實(shí)現(xiàn)地圖搜索及點(diǎn)擊定位操作
這篇文章主要介紹了vue+高德地圖實(shí)現(xiàn)地圖搜索及點(diǎn)擊定位操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-09-09
Vue transition實(shí)現(xiàn)點(diǎn)贊動(dòng)畫效果的示例
點(diǎn)贊動(dòng)畫是網(wǎng)頁評(píng)論中常見的功能,本文將介紹如何用vue實(shí)現(xiàn)這一效果。點(diǎn)贊時(shí)愛心縮小變大,變大時(shí)略微大一點(diǎn)再變正常,取消點(diǎn)贊時(shí)愛心無動(dòng)畫,同時(shí)數(shù)字滾動(dòng),+1 時(shí)向上滾動(dòng),-1 時(shí)向下滾動(dòng)2021-05-05
vue?elementui二次封裝el-table帶插槽問題
這篇文章主要介紹了vue?elementui二次封裝el-table帶插槽問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08
element的el-table中記錄滾動(dòng)條位置的示例代碼
這篇文章主要介紹了element的el-table中記錄滾動(dòng)條位置的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11

