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

Unable to set desired breakpoints in Chrome DevTools?

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

截屏link: https://www.youtube.com/watch?v=m-ZQcmpdZkQ

^ 我应该可以在 858789 行设置基本断点。但是,它让我在 91.

行的结束 } 上设置了一个不可用的断点

有人运行以前参与过这个吗?

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

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

现在我可以使用生产和开发配置选项,因此我可以使用我的主 bundle.js

的未缩小版本正确调试