Google chrome devtools Chrome开发工具正在忽略断点

正在尝试使用Chrome devtools进行调试，但我的断点不起作用。如果我放入调试器语句，它会触发一个断点，但devtools本身似乎无法在用鼠标设置的断点处停止。这似乎是dev工具的一个新特性，因为它在过去已经起作用了。有没有其他人成功修复了chrome的这个问题

我正在使用webpack构建应用程序，该应用程序以CreateReact应用程序启动

---

@boatcoder——我也遇到了同样的问题，代码使用CreateReact应用程序运行

---

我能够设置断点，当遇到断点时，它们会停止执行，但在动态热代码更改后，它们不再工作——只在未修改的函数中设置断点。我发现，如果我重新加载我的应用程序的网页，这意味着再次登录，那么断点将再次工作。

@boatcoder-我也遇到了同样的问题，代码使用create-react-app运行

---

我能够设置断点，当遇到断点时，它们会停止执行，但在动态热代码更改后，它们不再工作——只在未修改的函数中设置断点。我发现，如果我重新加载我的应用程序的网页，这意味着再次登录，那么断点将再次工作。

热代码重新加载覆盖代码将发送大量新代码来覆盖您以前使用的函数，因此在这种情况下，断点将变为无效，因为它们附加到“旧”代码。我不认为你做错了什么，但很可能是这样的：

您已开始在浏览器中创建react应用程序。 您在检查器中手动插入了断点。 您在代码编辑器中修改了代码。 create react app hot reload向浏览器发送了一个新代码，该代码确实覆盖了以前的代码。 浏览器不再使用您在其中设置断点的代码，而是使用新代码。 Debugger语句工作正常，因为它仍在代码中。 重新加载页面后，它再次工作，因为Chrome inspector记住了您手动设置的断点位置，并将其应用于新代码。

---

热代码重新加载覆盖代码会将新代码块发送到覆盖您以前使用的函数，因此在这种情况下，断点将变得无效，因为它们附加到“旧”代码。我不认为你做错了什么，但很可能是这样的：

您已开始在浏览器中创建react应用程序。 您在检查器中手动插入了断点。 您在代码编辑器中修改了代码。 create react app hot reload向浏览器发送了一个新代码，该代码确实覆盖了以前的代码。 浏览器不再使用您在其中设置断点的代码，而是使用新代码。 Debugger语句工作正常，因为它仍在代码中。 重新加载页面后，它再次工作，因为Chrome inspector记住了您手动设置的断点位置，并将其应用于新代码。