vue.js出現(xiàn)Vue.js?not?detected錯(cuò)誤的解決方案
vue.js出現(xiàn)Vue.js not detected
第一：在拓展應(yīng)用的文件夾中找到文件manifest.json，打開并將此處的false改成true。
第二：在vuejs devtool拓展程序的詳情頁中開啟以下兩個(gè)選項(xiàng)
如果你看到這，恭喜你，看到全網(wǎng)解決這個(gè)問題的方法?。。?！
以上都是網(wǎng)上有的，但是會(huì)有一個(gè)小坑，
讓很多人。。。。痛。。。。不。。。。欲。。。。生！
看第三步打臉教程
第三：這一步初學(xué)者特別容易搞錯(cuò)，開啟vuejs devtools程序之后，點(diǎn)擊圖標(biāo)還是無法點(diǎn)亮圖標(biāo)。主要的原因是vuejs devtool必須要監(jiān)視到頁面是一個(gè)vue項(xiàng)目才能進(jìn)行調(diào)試。
創(chuàng)建一個(gè)vue程序，運(yùn)行，按f12進(jìn)入調(diào)試模式，這時(shí)候會(huì)發(fā)現(xiàn)有一個(gè)vue的選項(xiàng)
這時(shí)候就會(huì)自動(dòng)開啟vuejs devtool工具了。（因?yàn)楸O(jiān)視到這個(gè)應(yīng)用是vue應(yīng)用，自然可以用啦！特別注意，如果頁面不是vue程序，vuejs devtool是不可以直接用的，就算按f12進(jìn)入開發(fā)者工具也是不會(huì)有vue這個(gè)選項(xiàng)的「自己踩的坑，自己來填」）
Vue.js not detected？與眾不同的解決方案
今天在安裝完Vue.js devtools后，打開自己寫的一個(gè)vue.js網(wǎng)頁，發(fā)現(xiàn)這個(gè)圖標(biāo)并沒有亮起來，還是灰色，點(diǎn)擊圖標(biāo)顯示Vue.js not detected，打開控制臺(tái)也沒有發(fā)現(xiàn)有vue的選項(xiàng)
我們先看看Vue.js devtools是否生效，打開Bilibili（，B站是用的vue），你就可以發(fā)現(xiàn)這個(gè)圖標(biāo)變綠了，說明Vue.js devtools是能用的。
為什么人家的可以你就不行呢，試過一次發(fā)現(xiàn)，如果直接在瀏覽器打開一個(gè)html文件（用vue開發(fā)的），這個(gè)圖標(biāo)就沒亮，直到我運(yùn)行了項(xiàng)目，訪問了localhost，他才涼了，而且所有的功能都可以正常使用（手動(dòng)滑稽）。
至于修改配置文件balabala。。。我都修改了，結(jié)果一個(gè)沒成。
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue響應(yīng)式原理的的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-06-06
這篇文章主要介紹了vue插值表達(dá)式和v-text指令的區(qū)別，{{}}這種語法叫做插值表達(dá)式，在插值表達(dá)式中可以寫任何合法的js表達(dá)式，下面來看看文章是怎么介紹該內(nèi)容的吧,需要的朋友可以參考一下2021-11-11
Vue?Router嵌套路由(children)的用法小結(jié)
嵌套路由就是父路由里面嵌套他的子路由，父路由有自己的路由導(dǎo)航和路由容器（router-link、router-view），通過配置children可實(shí)現(xiàn)多層嵌套，這篇文章主要介紹了Vue--Router--嵌套路由(children)的用法,需要的朋友可以參考下2022-08-08
一個(gè)基于vue3+ts+vite項(xiàng)目搭建初探
當(dāng)市面上主流的組件庫不能滿足我們業(yè)務(wù)需求的時(shí)候,那么我們就有必要開發(fā)一套屬于自己團(tuán)隊(duì)的組件庫,下面這篇文章主要給大家介紹了一個(gè)基于vue3+ts+vite項(xiàng)目搭建的相關(guān)資料,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了基于vue實(shí)現(xiàn)微博三方登錄流程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
這篇文章主要介紹了解決修改el-pagination顯示文字的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
不過 Vue 本身含有非常豐富的功能，要用 Vue 搭建完整的應(yīng)用，仍然需要了解大量 Vue 設(shè)計(jì)概念和操作技巧。這篇文章主要介紹了Vue.js 十五分鐘入門圖文教程,需要的朋友可以參考下2018-09-09
vue使用echarts如何實(shí)現(xiàn)雙柱狀圖和雙y軸的柱狀圖
這篇文章主要介紹了vue使用echarts如何實(shí)現(xiàn)雙柱狀圖和雙y軸的柱狀圖問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue組件和iframe頁面的相互傳參問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
vue+導(dǎo)航錨點(diǎn)聯(lián)動(dòng)-滾動(dòng)監(jiān)聽和點(diǎn)擊平滑滾動(dòng)跳轉(zhuǎn)實(shí)例
今天小編就為大家分享一篇vue+導(dǎo)航錨點(diǎn)聯(lián)動(dòng)-滾動(dòng)監(jiān)聽和點(diǎn)擊平滑滾動(dòng)跳轉(zhuǎn)實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11