【发布时间】：2015-11-19 21:54:50
【问题描述】：
我们正在构建一个 React/Flux 应用程序，一切都运行良好，除了调试体验在 chrome 中太糟糕了！！
当尝试像这样在合法行上设置断点时：
ReactDOM.render(React.createElement(AccountInfo, null), document.getElementById('AccountInfoContainer'));
断点向下跳了几行。或者看起来断点设置正确，但是当您运行页面时，断点不再是您认为的位置。
我们安装了 React Dev 工具，它在新标签“React”标签中为我们提供了一些不错的功能，但标准的“Sources”标签无法正常工作。
我们尝试设置 type="text/jsx" 以查看 Chrome 是否会更正确地理解该文件，但这导致 jsx 文件甚至无法加载...可能是 IIS 的错误，而不是 Chrome。
React 看起来很棒，但似乎 jsx 还没有得到很好的支持。是否有另一个 chrome 扩展可以使 jsx 调试工作更好？
我们也可以进行服务器端反应渲染并尝试以 js 文件而不是 jsx 结束，但这似乎是另一种蠕虫……尤其是在 ASP.NET MVC 中
【问题讨论】：
-
你在使用源映射吗？顺便说一句，无法识别的脚本类型属性会阻止它们加载，这是预期的浏览器行为。
-
不使用源地图...我认为这会有所帮助吗？知道如何在 MVC 中为 JSX 文件生成这些文件吗？
-
我虽然也许你可能有糟糕的源映射或其他东西，但我想情况并非如此。可能值得尝试其他浏览器调试器，看看它们的行为如何。