Vue中使用debugger在瀏覽器中不起作用的問(wèn)題及解決
使用debugger在瀏覽器中不起作用
問(wèn)題描述
使用vscode編輯器，運(yùn)行vue項(xiàng)目時(shí)想要斷點(diǎn)調(diào)試，奈何始終進(jìn)不了斷點(diǎn)。
先后嘗試Edge和chrome瀏覽器，均不生效，排除瀏覽器因素，定位為代碼問(wèn)題。
解決方案
找到文件vue.config.js，或全局搜索configureWebpack，在如下位置加入devtool:"source map"，重新啟動(dòng)項(xiàng)目，debugger即可生效。
vue中debugger報(bào)錯(cuò) unexpected ‘debugger’ statement no-debugger
說(shuō)下原因
Vue中debugger報(bào)錯(cuò) unexpected 'debugger' statement no-debugger（意外的“調(diào)試器”語(yǔ)句沒(méi)有調(diào)試器）
eslink規(guī)則沒(méi)有開(kāi)啟'debugger' ，被規(guī)則屏蔽了，需要手動(dòng)放開(kāi)
方式一
找到.eslintrc文件，在 .eslintrc文件下的 rules 添加 "no-debugger": "off"
方式二
1.找到項(xiàng)目中的package.json文件
2.在文件中找到"eslintConfig"進(jìn)行配置參數(shù)
3.在"eslintConfig"里面找到"rules",在"rules"中 添加 "no-debugger": "off", "no-console": "off"
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了使用vue實(shí)現(xiàn)自定義多選與單選的答題功能,vue組件中在表單方面提供了一個(gè)v-model指令，非常好用，具體實(shí)現(xiàn)過(guò)程大家跟隨腳本之家小編一起看看吧2018-07-07
vue中的el-form表單rule校驗(yàn)問(wèn)題(特殊字符、中文、數(shù)字等)
這篇文章主要介紹了vue中的el-form表單rule校驗(yàn)問(wèn)題(特殊字符、中文、數(shù)字等)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
vue實(shí)現(xiàn)加載頁(yè)面自動(dòng)觸發(fā)函數(shù)(及異步獲取數(shù)據(jù))
這篇文章主要介紹了vue實(shí)現(xiàn)加載頁(yè)面自動(dòng)觸發(fā)函數(shù)(及異步獲取數(shù)據(jù))，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
js節(jié)流防抖應(yīng)用場(chǎng)景,以及在vue中節(jié)流防抖的具體實(shí)現(xiàn)操作
這篇文章主要介紹了js節(jié)流防抖應(yīng)用場(chǎng)景,以及在vue中節(jié)流防抖的具體實(shí)現(xiàn)操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
Axios是在前端開(kāi)發(fā)中常用的一個(gè)發(fā)送 HTTP 請(qǐng)求的庫(kù)，用過(guò)的都知道,篇文章主要給大家介紹了關(guān)于vue的相關(guān)資料,需要的朋友可以參考下2021-10-10
Vue利用dayjs封裝實(shí)現(xiàn)時(shí)間實(shí)時(shí)刷新
Day.js庫(kù)本身專注于簡(jiǎn)化JavaScript日期和時(shí)間的操作,它的API設(shè)計(jì)直觀,且功能強(qiáng)大,可以方便地格式化日期、添加或減去時(shí)間間隔、比較日期等,本文主要介紹了Vue利用dayjs封裝實(shí)現(xiàn)時(shí)間實(shí)時(shí)刷新,需要的朋友可以參考下2024-07-07
vue如何監(jiān)聽(tīng)元素橫向滾動(dòng)到最右側(cè)
這篇文章主要介紹了vue如何監(jiān)聽(tīng)元素橫向滾動(dòng)到最右側(cè)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue webpack開(kāi)發(fā)訪問(wèn)后臺(tái)接口全局配置的方法
今天小編就為大家分享一篇vue webpack開(kāi)發(fā)訪問(wèn)后臺(tái)接口全局配置的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了解決vue 單文件組件中樣式加載問(wèn)題,文章末尾給大家補(bǔ)充介紹了vue單文件組件中樣式的問(wèn)題，需要的朋友可以參考下2019-04-04
這篇文章主要介紹了Vue.component的屬性說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03