2016-07-12 2 views
0

У меня возникло множество проблем с сообщением об ошибках в React js. Таким образом, фактическая ошибка будет правильной, но указанной строки не будет. Я предполагаю, что это связано с тем, что JSX преобразуется в обычный Javascript, тем самым создавая более или менее строки кода. Это затрудняет фактическое отслеживание и исправление этих ошибок, когда консоль сообщает мне, что это происходит на линии x, а строка x - это символ новой строки или другой случайный код, который, очевидно, не связан с ошибкой. Кто-нибудь еще решил эту проблему?Неточная отчетная строка об ошибке React JS

Я использую Google Chrome, и у меня также есть инструменты для реагирования разработчиков.

+1

Вы пытались использовать исходные карты? http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map –

+0

У меня были проблемы с отладкой jsx с реагировать с использованием исходных карт. мои номера строк верны, но точки останова будут иногда появляться на нескольких строках. –

+0

@MichaelCamden исходные карты выглядят так, как будто они решают мою проблему довольно хорошо. Однако я также наткнулся на другое решение, которое вполне достаточно для меня. В chrome (не проверял это в firefox), если вы нажмете на файл и номер строки, которые появляются в консоли, chrome автоматически откроет файл в отладчике и перейдет к нему. Поэтому в этот момент я знаю, где именно происходит фактическая ошибка, а затем меняет ее в источнике. Но исходные карты, возможно, лучше, чем мое решение, поэтому, если вы хотите написать ответ, я помечаю его как решение для других разработчиков. –

ответ

1

В нашем разговоре с помощью комментариев используется использование исходных карт.