При отладке моего приложения React Native в Chrome я часто не могу установить точки останова на вкладке "Источники". Когда я нажимаю на строку кода для добавления точки останова, точка останова добавляется вместо следующей строки объявления функции в моем модуле.
Это не происходит во всех моих исходных модулях, но достаточно часто, что это мешает мне отлаживать эффективно.
В настоящее время я использую RN 0.22, но это происходит и в более ранних версиях RN (например, RN 0.18).
Эта проблема может быть вызвана babel. При использовании нормальной функции и функции стрелки это произошло.
"sourceMaps": "inline" в .babelrc исправил это для меня.
Я пережил эту проблему только при следующих условиях: 1) Файл .js содержит несколько функций и 2) Попытка установить точку останова в функции, которая не является последней функцией в файле .js
Итак, частичным обходным решением является перемещение функции таким образом, что она является последней функцией в файле .js. Или вы можете назначить одну функцию для каждого файла. В любом случае вы сможете установить точки останова.
Это далеко не идеально, но это единственное "решение", которое я нашел до сих пор.
У меня была та же проблема, и сейчас у меня есть удобное решение: я поместил слово "отладчик" в файл, который я хочу отладить. Я обновляю браузер, чтобы увидеть, что он останавливается. после этого я могу добавить столько точек останова, сколько захочу, и удалить слово "отладчик" из файла.
Попробуйте этот пакет https://www.npmjs.com/package/react-breakpoint-fix
просто установите пакет и запустите response-breakpoint-fix из терминала.
Это исправило это для меня. Я использую [email protected]