Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React JS错误的行报告不准确_Javascript_Google Chrome_Reactjs_Runtime Error_React Jsx - Fatal编程技术网

Javascript React JS错误的行报告不准确

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时遇

我在React js中遇到了许多错误报告问题。因此,实际错误将是正确的,但报告的行将不正确。我猜这是因为JSX被转换成常规Javascript,从而创建了更多或更少的代码行。当控制台告诉我错误发生在第x行,而第x行是一个换行符或其他明显与错误无关的随机代码时,这使得跟踪和修复这些错误变得相当困难。还有其他人解决了这个问题吗


我正在使用Google Chrome,我还安装了react开发者工具。

根据我们通过评论进行的对话,解决方案是使用源地图。

您尝试过使用源地图吗?我在使用源代码映射调试jsx时遇到问题。我的行号是正确的,但断点有时会跳几行。@MichaelCamden源代码映射似乎很好地解决了我的问题。然而,我也偶然发现了另一个对我来说完全足够的解决方案。在chrome中(尚未在firefox中测试),如果您单击控制台中弹出的文件和行号,chrome将在调试器中自动打开该文件并跳转到它。所以在这一点上,我知道实际的错误在哪里,然后在源代码中更改它。但是源代码映射可以说比我的解决方案更好,所以如果你想写一个答案,我会把它标记为其他开发人员的解决方案。