Chrome DevTools 不允许我在某些行设置断点答案

【问题标题】：Chrome DevTools won't let me set breakpoints on certain linesChrome DevTools 不允许我在某些行设置断点
【发布时间】：2016-05-18 14:53:12
【问题描述】：

在上图中，我尝试在从第 437 行到第 443 行的每一行设置断点。但是，我无法在第 439 行和第 440 行设置断点。当函数运行时，第 437、438、441 行和442 被忽略。 Chrome 在第 443 行中断。这意味着我无法在第一次条件运行之前进行一些调试。

当我点击第 439 行或第 440 行时，断点出现半秒后跳转到第 443 行。

这是一个错误还是我错过了什么？如何在第 439 行或之前设置断点？

【问题讨论】：

【解决方案1】：

如果您使用 js 缩小和源映射，请确保它们与您的源代码保持同步。

【讨论】：

我的源地图应该是最新的，但这是一个很好的线索。这是使用 Closure 遇到类似问题的人：stackoverflow.com/questions/20013786/…。我也在使用闭包。我明天再看看。
@Linksku ，还有另一个威胁：有些人正在将信息添加到连接文件中。例如全局配置或类似的东西。正因为如此，源地图也可能变得毫无用处。
@DanilaShutov 你如何确保源地图等是最新的？这个 Chrome 调试器错误对我来说已经发生了一段时间，非常令人沮丧
@am5255，只需尝试在不缩小的情况下构建您的应用程序并检查调试器是否按预期工作。如果是这样，那么构建脚本肯定有问题。另请检查此链接：fitzgeraldnick.com/weblog/51 我只遇到过一次此问题：当我尝试将带有配置的脚本添加到缩小的捆绑包中并忘记将该脚本包含在 sourcemaps complitaion 中时。因此，源映射变得无效，调试器的行为就像主题启动器所描述的那样。
遇到了完全相同的问题，我之前必须添加一个未使用的变量，然后我可以设置断点，我的代码与我的构建完全同步，所以这显然是一个错误

【解决方案2】：

当我编写一些代码来测试我的想法时，我在 chrome 开发工具源面板 sn-ps 中遇到了同样的问题。

对我来说唯一可行的方法是关闭开发工具面板并刷新页面然后重新打开

这个问题是我在调试模式下修改代码后发生的

【讨论】：

【解决方案3】：

今天这让我很沮丧，但我发现了问题。我试图在孤立函数中放置一个断点（没有调用它）。一旦我修好它，一切都很好。聪明 - 但希望有一点点暗示就是这种情况。

【讨论】：

【解决方案4】：

这最近对我来说成了一个问题，运行 System.js 和 Babel，并且使用普通的 ES6 转译，我还没有开始缩小/映射。一种解决方法似乎是将断点添加到 !transpiled 文件中，匹配的断点将自动出现在原始文件的相应行中。

【讨论】：

与Typescript 有同样的问题。在转译文件中设置断点会神奇地跳转到ts 文件，在该文件中我无法通过单击设置断点......真的很奇怪，但不知何故起作用。谢谢！

【解决方案5】：

我认为我和我的同学今天也遇到了这个问题。我们进行了更改，然后按 Ctrl + S（或 Cmd + S）将更改保存在调试器中，然后我们就可以添加断点了。

【讨论】：

【解决方案6】：

在我的例子中，我无法在调用函数行上设置断点，但它在函数中起作用……很奇怪，但至少它起作用了。

【讨论】：

【解决方案7】：

我刚刚遇到了这个问题，并意识到我在开发工具源中看到的并不是浏览器中实际运行的代码。

确保清空缓存并重新加载并拥有最新的代码。

【讨论】：