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

Leo*_*ban 5 debugging google-chrome breakpoints google-chrome-devtools

这是我最近遇到的Chrome DevTools的一个新问题,不知道为什么会发生这种情况,但我似乎无法在我的应用中设置正常的断点.

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

在此输入图像描述

我应该能够在线设置基本断点85,87或者89.但是它让我在收盘}时设置一个不可用的断点91.

有没有人遇到过这个?

Leo*_*ban 6

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

更新,刚发现:如何使用webpack构建缩小和未压缩的包?

现在我有一个生产和开发配置选项,所以我可以使用我的主bundle.js的非缩小版本正确调试

在此输入图像描述