为什么在Chrome中调试jsx如此虚无？

Question

我们正在构建一个React/Flux应用程序，并且一切都正常运行，并且工作正常，除了调试体验在Chrome中是可怕的！

当试图设置合法的线路断点这样的：

ReactDOM.render(React.createElement(AccountInfo, null), document.getElementById('AccountInfoContainer')); 

断点往下跳几行。或者它看起来像断点设置正确，但是当您运行页面时，断点不再是您认为将会出现的地方。

我们安装了React开发工具，它在新标签“React”选项卡中为我们提供了一些很好的功能，但标准的“Sources”选项卡不能正常工作。

我们尝试设置type =“text/jsx”来查看Chrome是否更准确地理解文件，但导致jsx文件未加载......可能是IIS的错误，但不是Chrome。

React看起来很棒，但似乎jsx真的不支持所有这一切。是否有另外一个扩展将使jsx调试更好地工作？

我们也可以做服务器端发生反应，撕心裂肺，并尝试用一个js文件，而不是JSX结束了，但是，似乎是蠕虫另可...尤其是在ASP.NET MVC

Answer 1

我不只要生成源代码地图，就不会在Chrome调试器和JSX中遇到任何问题。

你可能会注意到我还使用ES6在这个截图，也没有任何问题。