Не всегда может задавать контрольные точки React Native в Chrome

При отладке моего приложения React Native в Chrome я часто не могу установить точки останова на вкладке "Источники". Когда я нажимаю на строку кода для добавления точки останова, точка останова добавляется вместо следующей строки объявления функции в моем модуле.

Это не происходит во всех моих исходных модулях, но достаточно часто, что это мешает мне отлаживать эффективно.

В настоящее время я использую RN 0.22, но это происходит и в более ранних версиях RN (например, RN 0.18).

Ответы

Ответ 1

Эта проблема может быть вызвана babel. При использовании нормальной функции и функции стрелки это произошло.

Ответ 2

"sourceMaps": "inline" в .babelrc исправил это для меня.

Ответ 3

Я пережил эту проблему только при следующих условиях: 1) Файл .js содержит несколько функций и 2) Попытка установить точку останова в функции, которая не является последней функцией в файле .js

Итак, частичным обходным решением является перемещение функции таким образом, что она является последней функцией в файле .js. Или вы можете назначить одну функцию для каждого файла. В любом случае вы сможете установить точки останова.

Это далеко не идеально, но это единственное "решение", которое я нашел до сих пор.

Ответ 4

У меня была та же проблема, и сейчас у меня есть удобное решение: я поместил слово "отладчик" в файл, который я хочу отладить. Я обновляю браузер, чтобы увидеть, что он останавливается. после этого я могу добавить столько точек останова, сколько захочу, и удалить слово "отладчик" из файла.