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就是源码了

 那么问题来了,为什么有的项目显示源码,有的不显示呢?

原文地址:https://www.cnblogs.com/cao-zhen/p/15261376.html