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