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

时间：2016-02-01 19:57:27

标签： google-chrome debugging google-chrome-devtools breakpoints

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

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

enter image description here

^我应该可以在85，87或89行设置基本断点。但是，它允许我在}的结束91上设置一个不可用的断点。

之前有人碰到过吗？

1 个答案:

答案 0 :(得分：6)

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

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

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

enter image description here

相关问题
最新问题