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就是源碼了
那么問題來了,為什么有的項目顯示源碼,有的不顯示呢?