Javascript React JS错误的行报告不准确
我在React js中遇到了许多错误报告问题。因此,实际错误将是正确的,但报告的行将不正确。我猜这是因为JSX被转换成常规Javascript,从而创建了更多或更少的代码行。当控制台告诉我错误发生在第x行,而第x行是一个换行符或其他明显与错误无关的随机代码时,这使得跟踪和修复这些错误变得相当困难。还有其他人解决了这个问题吗Javascript React JS错误的行报告不准确,javascript,google-chrome,reactjs,runtime-error,react-jsx,Javascript,Google Chrome,Reactjs,Runtime Error,React Jsx,我在React js中遇到了许多错误报告问题。因此,实际错误将是正确的,但报告的行将不正确。我猜这是因为JSX被转换成常规Javascript,从而创建了更多或更少的代码行。当控制台告诉我错误发生在第x行,而第x行是一个换行符或其他明显与错误无关的随机代码时,这使得跟踪和修复这些错误变得相当困难。还有其他人解决了这个问题吗 我正在使用Google Chrome,我还安装了react开发者工具。根据我们通过评论进行的对话,解决方案是使用源地图。您尝试过使用源地图吗?我在使用源代码映射调试jsx时遇
我正在使用Google Chrome,我还安装了react开发者工具。根据我们通过评论进行的对话,解决方案是使用源地图。您尝试过使用源地图吗?我在使用源代码映射调试jsx时遇到问题。我的行号是正确的,但断点有时会跳几行。@MichaelCamden源代码映射似乎很好地解决了我的问题。然而,我也偶然发现了另一个对我来说完全足够的解决方案。在chrome中(尚未在firefox中测试),如果您单击控制台中弹出的文件和行号,chrome将在调试器中自动打开该文件并跳转到它。所以在这一点上,我知道实际的错误在哪里,然后在源代码中更改它。但是源代码映射可以说比我的解决方案更好,所以如果你想写一个答案,我会把它标记为其他开发人员的解决方案。