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