无法在 Chrome DevTools 中设置所需的断点？

Posted 2023-03-08

【中文标题】无法在 Chrome DevTools 中设置所需的断点？

【英文标题】：Unable to set desired breakpoints in Chrome DevTools?

【发布时间】：2016-05-10 09:57:57

【问题描述】：

这是我最近在使用 Chrome DevTools 时遇到的一个新问题，不知道为什么会这样，但我似乎无法在我的应用中设置正常的断点。

截图链接： https://www.youtube.com/watch?v=m-ZQcmpdZkQ

^ 我应该可以在85、87 或89 上设置一个基本断点。然而，它让我在91 行的关闭 上设置一个不可用的断点。

有人遇到过这种情况吗？

【参考方案1】：

我想通了！我正在使用 Webpack 将我的模块构建到 bundle.js 文件中。它还会生成一个 bundle.js.map 文件，因此我可以在 Chrome DevTools 中看到代码，但我猜是因为它是 bundle.js 的扩展表示，我无法正确设置断点。

更新，刚刚发现这个：How to build minified and uncompressed bundle with webpack?

现在我有一个生产和开发配置选项可供使用，因此我可以使用我的主 bu​​ndle.js 的未缩小版本正确调试