为什么我不能在使用 react 时在 chrome 中调试没有括号的部分代码？答案

【问题标题】：Why can't I debug parts of code without brackets in chrome, when using react?为什么我不能在使用 react 时在 chrome 中调试没有括号的部分代码？
【发布时间】：2020-12-18 06:37:36
【问题描述】：

我注意到，当我在代码的某些部分不使用括号时（如果有条件，则为条件），我无法在 google chrome 中正确调试它。这也发生在边缘

有人知道是什么原因吗？

【问题讨论】：

可能是devtools的一个bug，你可以在crbug.com上报告。
我可以假设它与反应有关，当你开始学习新东西时，通常会发生一些奇怪的事情:)，无论如何它都可能是 devtools 的问题。谢谢。

标签： reactjs debugging google-chrome-devtools

【解决方案1】：

您看到的代码是用 JSX 编写的源代码。浏览器不能运行 JSX，它们可以运行 Javascript。您的工具链将 JSX 转换为 Javascript，并提供了一个源映射，该映射试图允许您在原始代码中放置断点，同时在生成代码的执行点处停止。有时映射不够精确和精确，无法让您在完全相同的位置停下来。在这种情况下似乎就是这种情况。

【讨论】：

当然，我还发现了更多其他问题，有时应用程序在开发时需要花费大量时间来呈现更改。