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)自己寫的一個(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-06Vue中為什么要引入render函數(shù)的實(shí)現(xiàn)
本文主要介紹了Vue中為什么要引入render函數(shù)的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01vue?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詳解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在vue中axios設(shè)置timeout超時(shí)的操作
這篇文章主要介紹了在vue中axios設(shè)置timeout超時(shí)的操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09vue實(shí)現(xiàn)把頁(yè)面導(dǎo)出成word文件的方法
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)把頁(yè)面導(dǎo)出成word文件的方法,文中的實(shí)現(xiàn)步驟講解詳細(xì),并且有詳細(xì)的代碼示例,需要的小伙伴可以參考一下2023-10-10vue父列表數(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