vue.js出現(xiàn)Vue.js?not?detected錯(cuò)誤的解決方案
vue.js出現(xiàn)Vue.js not detected
第一：在拓展應(yīng)用的文件夾中找到文件manifest.json，打開(kāi)并將此處的false改成true。
第二：在vuejs devtool拓展程序的詳情頁(yè)中開(kāi)啟以下兩個(gè)選項(xiàng)
如果你看到這，恭喜你，看到全網(wǎng)解決這個(gè)問(wèn)題的方法！?。?！
以上都是網(wǎng)上有的，但是會(huì)有一個(gè)小坑，
讓很多人。。。。痛。。。。不。。。。欲。。。。生！
看第三步打臉教程
第三：這一步初學(xué)者特別容易搞錯(cuò)，開(kāi)啟vuejs devtools程序之后，點(diǎn)擊圖標(biāo)還是無(wú)法點(diǎn)亮圖標(biāo)。主要的原因是vuejs devtool必須要監(jiān)視到頁(yè)面是一個(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)開(kāi)啟vuejs devtool工具了。（因?yàn)楸O(jiān)視到這個(gè)應(yīng)用是vue應(yīng)用，自然可以用啦！特別注意，如果頁(yè)面不是vue程序，vuejs devtool是不可以直接用的，就算按f12進(jìn)入開(kāi)發(fā)者工具也是不會(huì)有vue這個(gè)選項(xiàng)的「自己踩的坑，自己來(lái)填」）
Vue.js not detected？與眾不同的解決方案
今天在安裝完Vue.js devtools后，打開(kāi)自己寫(xiě)的一個(gè)vue.js網(wǎng)頁(yè)，發(fā)現(xiàn)這個(gè)圖標(biāo)并沒(méi)有亮起來(lái)，還是灰色，點(diǎn)擊圖標(biāo)顯示Vue.js not detected，打開(kāi)控制臺(tái)也沒(méi)有發(fā)現(xiàn)有vue的選項(xiàng)
我們先看看Vue.js devtools是否生效，打開(kāi)Bilibili（，B站是用的vue），你就可以發(fā)現(xiàn)這個(gè)圖標(biāo)變綠了，說(shuō)明Vue.js devtools是能用的。
為什么人家的可以你就不行呢，試過(guò)一次發(fā)現(xiàn)，如果直接在瀏覽器打開(kāi)一個(gè)html文件（用vue開(kāi)發(fā)的），這個(gè)圖標(biāo)就沒(méi)亮，直到我運(yùn)行了項(xiàng)目，訪問(wèn)了localhost，他才涼了，而且所有的功能都可以正常使用（手動(dòng)滑稽）。
至于修改配置文件balabala。。。我都修改了，結(jié)果一個(gè)沒(méi)成。
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue組件高級(jí)通訊之$children與$parent
這篇文章主要為大家介紹了Vue組件高級(jí)通訊之$children與$parent，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
Vue中為什么要引入render函數(shù)的實(shí)現(xiàn)
本文主要介紹了Vue中為什么要引入render函數(shù)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
vue?element-plus圖片預(yù)覽實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于vue?element-plus圖片預(yù)覽實(shí)現(xiàn)的相關(guān)資料,最近的項(xiàng)目中有圖片預(yù)覽的場(chǎng)景,也是踩了一些坑,在這里總結(jié)一下,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了使用Vant如何完成各種Toast提示框，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
詳解Vue.js搭建路由報(bào)錯(cuò) router.map is not a function
這篇文章主要介紹了詳解Vue.js搭建路由報(bào)錯(cuò) router.map is not a function，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-06-06
自己最近做項(xiàng)目的時(shí)候遇到需要下載文件的需求,索性這里給總結(jié)下,這篇文章主要給大家介紹了關(guān)于Vue中下載不同文件五種常用的方式,需要的朋友可以參考下2023-09-09
Electron也可以快速地將你的網(wǎng)站打包成一個(gè)原生應(yīng)用發(fā)布,下面這篇文章主要給大家介紹了關(guān)于Electron集成React和Vue的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
在vue中axios設(shè)置timeout超時(shí)的操作
這篇文章主要介紹了在vue中axios設(shè)置timeout超時(shí)的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
vue實(shí)現(xiàn)把頁(yè)面導(dǎo)出成word文件的方法
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)把頁(yè)面導(dǎo)出成word文件的方法,文中的實(shí)現(xiàn)步驟講解詳細(xì),并且有詳細(xì)的代碼示例,需要的小伙伴可以參考一下2023-10-10
vue父列表數(shù)據(jù)獲取子列表數(shù)據(jù)的實(shí)現(xiàn)步驟
本文檔將介紹如何通過(guò)點(diǎn)擊父列表（表格）中的數(shù)據(jù)行來(lái)獲取到子列表（表格）的數(shù)據(jù),代碼示例是基于Vue框架實(shí)現(xiàn)的一個(gè)組件,包含了父列表和子列表,通過(guò)點(diǎn)擊父列表的數(shù)據(jù)行來(lái)動(dòng)態(tài)獲取子列表的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-06-06