無法在Chrome DevTools中設置所需的斷點？

Question

這是我最近遇到的一個新問題，不知道爲什麼會發生這種情況，但我似乎無法在我的應用中設置正常斷點。

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

^我應該可以設置在線85，87或89一個基本的破發點。然而，讓我在91行關閉}上設置一個不可用的斷點。

以前有誰碰到過這個？

Answer 1

我想通了！我使用Webpack將我的模塊構建到bundle.js文件中。它也會生成一個bundle.js.map文件，所以我可以在Chrome DevTools中看到代碼，但我猜是因爲它是bundle.js的擴展表示，我無法正確設置斷點。

更新，才發現這一點：How to build minified and uncompressed bundle with webpack?

現在我不得不使用生產和開發配置選項，這樣我就可以正確使用我的主要bundle.js的未精縮版調試