Отладочные инструменты Chrome для реагирования на родные: несколько проблем

заранее спасибо за вашу помощь; Я скорее новичок с RN и Android (я использовал create-native init для создания проекта).

Проблема 1: когда я первый ctrl + M и выбираю "Отладка JS удаленно", он пытается [ http://10.0.2.2:8081/debugger-ui], но висит бесконечно.

Проблема 2. И когда я, наконец, сдаюсь и вместо этого вручную перехожу к [ http://localhost: 8081/debugger-ui/], у меня нет возможности вернуть AVD с "белого экрана смерти".. ive попробовал "Stop Remote JS Bebugging "," Reload "и т.д., Но в конце концов нужно использовать" реагировать на собственный run-android "для обновления

Проблема 3: После того, как я наконец-то [ http://localhost: 8081/debugger-ui/] отобразил желаемый "сеанс отладчика № 0 активен", и я перехожу в инструменты разработчика → Источники → Сеть → debuggerWorker. js..... Я не вижу перечисленные папки/файлы. См. Снимок экрана.

RN достаточно прост, не будучи в состоянии отлаживать!

enter image description here

Ответы

Ответ 1

Это решение сработало для меня:

  1. ctrl+m на вашем эмуляторе.
  2. нажмите на Dev Settings.
  3. Отключить User JS Delta
  4. перезапустите реактивный собственный сервер. (Ctrl + C в терминале, а затем npm run android)

Ответ 2

Это проблема с последней версией реакции-родной (0.54).

После некоторого расследования я обнаружил, что есть два способа решить эту проблему.

Вариант 1. Снизьте версии реакции, измените package.json вашего AwesomeProject, как показано ниже.

"dependencies": {
  "react": "16.2.0",
  "react-native": "0.52.2"
},

Затем выполните следующие команды:

cd AwesomeProject
rm -rf node_modules android
npm install # this will bring folder node_modules back, with react/react-native of previous version
react-native eject # this will bring folder android back
react-native run-android

Вариант 2. Отключение Use JS Deltas как указано в этом выпуске

Но автор не дал полных шагов, которые привели меня к разработке варианта 1.

  1. Cmd + m в вашем эмуляторе и выключите "Использовать JS Deltas".
  2. Найдите окно termnial для "Metro Bundler", нажмите Ctrl + c, чтобы завершить его, затем нажмите стрелку вверх, чтобы повторно запустить команду для "Metro Bundler", например /works/StackOverflow/node_modules/react-native/scripts/launchPackager.command; exit; /works/StackOverflow/node_modules/react-native/scripts/launchPackager.command; exit; , (Это важный шаг).

Теперь вернемся к Chrome, вы можете найти исходные файлы, перечисленные в разделе debuggerWorker.js > localhost:8081.

enter image description here