vue項(xiàng)目debugger調(diào)試看不到源碼的問(wèn)題及解決
更新時(shí)間：2024年06月06日 15:42:02 作者：hua_ban_yu
這篇文章主要介紹了vue項(xiàng)目debugger調(diào)試看不到源碼的問(wèn)題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
vue項(xiàng)目debugger調(diào)試看不到源碼
在搭建vue項(xiàng)目時(shí)，在vue文件里面輸入debugger后，在瀏覽器點(diǎn)擊操作發(fā)現(xiàn)可以進(jìn)入斷點(diǎn)，但顯示的是已經(jīng)壓縮好的代碼，無(wú)法看到源碼。
在網(wǎng)上查了好多文件都說(shuō)添加 devtool: "source-map"即可解決，實(shí)際情況是添加了沒(méi)有效果。
解決方案
1.打開vue.config.js文件，添加 devtool: "cheap-module-source-map", 然后重啟項(xiàng)目。
2.在頁(yè)面上點(diǎn)擊即可進(jìn)入斷點(diǎn)位置，瀏覽器上顯示的也是源碼
vue頁(yè)面中debugger失效
F12打開開發(fā)者工具，找到設(shè)置
去掉自定義排除規(guī)則
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了使用vite兼容低端瀏覽器配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
這篇文章主要介紹了vue debug 二種方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-09-09
如何用vite打包解決前端發(fā)版后瀏覽器緩存問(wèn)題
這篇文章主要介紹了如何用vite打包解決前端發(fā)版后瀏覽器緩存問(wèn)題的相關(guān)資料,這樣的配置能夠有效避免瀏覽器緩存問(wèn)題,確保瀏覽器每次都能加載最新的代碼,同時(shí)又不影響第三方庫(kù)的緩存效果,需要的朋友可以參考下2024-11-11
關(guān)于vue中對(duì)window.openner的使用指南
opener屬性是一個(gè)可讀可寫的屬性,可返回對(duì)創(chuàng)建該窗口的Window對(duì)象的引用,下面這篇文章主要給大家介紹了關(guān)于vue中對(duì)window.openner使用的相關(guān)資料,需要的朋友可以參考下2022-11-11
文章介紹了WebSocket協(xié)議的基礎(chǔ)概念、特點(diǎn)及與HTTP的區(qū)別,詳解了在Vue中的集成方式（組件內(nèi)/插件封裝/Vuex管理）,并涵蓋連接管理、安全性、數(shù)據(jù)格式等最佳實(shí)踐,列舉了Socket.IO和SockJS等常用庫(kù),適用于實(shí)時(shí)通信場(chǎng)景,感興趣的朋友一起看看吧2025-08-08
vue使用moment如何將時(shí)間戳轉(zhuǎn)為標(biāo)準(zhǔn)日期時(shí)間格式
這篇文章主要介紹了vue使用moment如何將時(shí)間戳轉(zhuǎn)為標(biāo)準(zhǔn)日期時(shí)間格式問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了Vuex入門之Module使用詳解,由于使用單一狀態(tài)樹,應(yīng)用的所有狀態(tài)會(huì)集中到一個(gè)比較大的對(duì)象,當(dāng)應(yīng)用變得非常復(fù)雜時(shí),store?對(duì)象就有可能變得相當(dāng)臃腫,需要的朋友可以參考下2023-11-11
vue和webpack項(xiàng)目構(gòu)建過(guò)程常用的npm命令詳解
本文通過(guò)實(shí)例代碼給大家介紹了vue和webpack項(xiàng)目構(gòu)建過(guò)程常用的npm命令,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了vue?@click?@tap重疊事件區(qū)分方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
vue中v-model雙向綁定input輸入框問(wèn)題
這篇文章主要介紹了vue中v-model雙向綁定input輸入框問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04