Vue中使用debugger在瀏覽器中不起作用的問題及解決
使用debugger在瀏覽器中不起作用
問題描述
使用vscode編輯器，運(yùn)行vue項(xiàng)目時(shí)想要斷點(diǎn)調(diào)試，奈何始終進(jìn)不了斷點(diǎn)。
先后嘗試Edge和chrome瀏覽器，均不生效，排除瀏覽器因素，定位為代碼問題。
解決方案
找到文件vue.config.js，或全局搜索configureWebpack，在如下位置加入devtool:"source map"，重新啟動(dòng)項(xiàng)目，debugger即可生效。
vue中debugger報(bào)錯(cuò) unexpected ‘debugger’ statement no-debugger
說下原因
Vue中debugger報(bào)錯(cuò) unexpected 'debugger' statement no-debugger（意外的“調(diào)試器”語句沒有調(diào)試器）
eslink規(guī)則沒有開啟'debugger' ，被規(guī)則屏蔽了，需要手動(dòng)放開
方式一
找到.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解決一個(gè)方法同時(shí)發(fā)送多個(gè)請求的問題
今天小編就為大家分享一篇vue解決一個(gè)方法同時(shí)發(fā)送多個(gè)請求的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue豎向步驟條方式,具有很好的參考價(jià)值,希望對大家有所幫助,2023-12-12
這篇文章主要為大家詳細(xì)介紹了Vue3中的計(jì)算屬性和屬性監(jiān)聽的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08
vue-cli 作為 Vue 官方推薦的項(xiàng)目構(gòu)建腳手架，它提供了開發(fā)過程中常用的，熱重載，構(gòu)建，調(diào)試，單元測試，代碼檢測等功能。我們本次的異步遠(yuǎn)端組件將基于 vue-cli 開發(fā)2017-11-11
這篇文章主要為大家詳細(xì)介紹了vue+Element實(shí)現(xiàn)分頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Vue項(xiàng)目History模式404問題解決方法
本文主要解決Vue項(xiàng)目使用History模式發(fā)布到服務(wù)器Nginx上刷新頁面404問題。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
如何在Vue中實(shí)現(xiàn)登錄驗(yàn)證功能(代碼示例)
Vue是一種流行的JavaScript框架,可以幫助開發(fā)者建立高效的Web應(yīng)用程序,本文將為您介紹如何在Vue中實(shí)現(xiàn)登錄驗(yàn)證功能,并為您提供具體的代碼示例,感興趣的朋友一起看看吧2023-11-11
這篇文章介紹了vue中過濾器的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
vue router自動(dòng)判斷左右翻頁轉(zhuǎn)場動(dòng)畫效果
最近公司項(xiàng)目比較少終于有空來記錄一下自己對vue-router的一些小小的使用心得，本文給大家分享vue router自動(dòng)判斷左右翻頁轉(zhuǎn)場動(dòng)畫效果，感興趣的朋友一起看看吧2017-10-10
這篇文章主要介紹了vue3 elementPlus部分組件樣式修改的方法,本文給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-01-01