#react-native
#react-native
Вопрос:
Я пытаюсь выполнить отладку с помощью Chrome. Я добавил расширение React Native Tool в VSCode, но получаю ошибку как:
[Error] Error: Unable to find plist file to configure debugging
когда я проверяю Chrome с помощью http://localhost:8081/debugger-ui / по-прежнему не удается подключить отладчик.
Я новичок в react native, пожалуйста, предложите, если вам нужна дополнительная информация по этому вопросу
Ответ №1:
Цитируя первый абзац с сайта react-native, касающийся отладки Chrome
Чтобы отладить код JavaScript в Chrome, выберите «Удаленная отладка JS» в меню разработчика. Откроется новая вкладка в http://localhost:8081/debugger-ui .
Итак, технически, в iOS simulator вы должны ввести следующую комбинацию ctrl cmd z и нажать на Debug JS Remotely поле, которое в дальнейшем откроет отладчик, размещенный по следующему адресу http://localhost:8081/debugger-ui
В качестве обходного пути на том же сайте react-native есть страница, на которой объясняется, как отлаживать приложение с помощью автономного инструмента разработчика, который устанавливается как npm package .
Все, что вам нужно сделать, это установить пакет через npm или yarn (выберите менеджер пакетов, который вам больше всего нравится :])
* the same react-native site recommends to install it globally
npm install -g react-devtools
yarn add global react-devtools
И после установки пакета просто введите в терминале следующую команду, чтобы открыть devtools
react-devtools
Ответ №2:
Можете ли вы изменить значение localhost на свой внутренний IP-адрес в URL браузера devtools.
http://127.0.0.1:8081/debugger-ui/
Ответ №3:
попробуйте выполнить отладку react native, анализ производительности вместе с новейшими инструментами react-devtools
теперь это часть react-native-cli, но вы можете настроить в своей существующей версии react native, выполнив следующие действия