chrome瀏覽器調試時突然不能源碼調試了……


Vue項目,本來調試好好的,突然發現不能源碼調試了,不知道哪里出了問題

先看下vue.config.js中的配置是是沒有修改過的,也是沒有問題的:devtool: 'source-map'

然后發現有個關於source-map的提示:

 

是被檢測到了,只是不能debugger

查詢了多篇文章,比如:

https://www.jianshu.com/p/c0492554b33c
https://stackoverflow.com/questions/39146381/sourcemaps-are-detected-in-chrome-but-original-source-is-not-loaded-using-webpa

都沒找到答案,但是注意到在瀏覽器開發者工具下,command+p的命令可以打開一個輸入框,按照提示可以看到輸入"?"可以發現更多命令

command+p之后展示輸入框

 

 輸入問號后,移動到Run Command,回車

 

回車后,會看到這樣一個命令列表

 

可以找到關於source maps的命令,比如:enable javascript source maps, 點擊執行即可

 

 

執行后,這里可以看到源碼了,再debugger就是源碼了

 

 

 那么問題來了,為什么有的項目顯示源碼,有的不顯示呢?

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM