我在Heroku上部署了一个小型React应用,如here所述。
当我使用npm start
在本地运行应用时,我可以使用Google Chrome的调试器窗格查看App.js的来源,设置断点并使用调试器成功逐步浏览我的应用的源代码。到现在为止还挺好!
当我尝试使用在Heroku上部署的相同代码重复此操作时,Chrome的App.js视图会更改为显示不同的源行符合断点的条件。 (请参阅下面的两个并排屏幕截图。请注意,左边距上的行号表示不符合断点的行号不同。)在Heroku上,尝试在调试器中单步执行代码显示执行点疯狂跳转。有时候行可以设置断点,但很多都没有。
这里发生了什么?这是源地图的问题吗?我是React的亲戚,所以我不知道从哪里开始调查。