ReactNative порт 8081 выпуск: 403 запрещено

Question

При разработке с использованием ReactNative для Windows я получаю ошибку ниже 403. Это связано с тем, что порт 8081, который ReactNative использует по умолчанию, используется другой программой. В моем случае это был McAfee (спасибо McAfee за усложнение).

Команда для запуска проекта: react-native run-android

Answer 1

Я много искал и наконец понял, как запустить этот проект на другом порту. Если у вас установлено какое-либо антивирусное программное обеспечение, может помочь отключение брандмауэра при разработке или разрешение подключений вручную через настройки.

1. Запустите ReactNative на другом порту

   react-native start --port 9080

2. Это откроет новую командную строку и запустит metro bundler на порту 9080 (вы можете использовать любой другой порт). Дождитесь полной загрузки графика зависимостей.

3. Теперь в другой командной строке (каталог проекта) используйте приведенную ниже команду для сборки и установки приложения на устройстве

   react-native run-android

4. Теперь, когда приложение загружено на устройство, вы увидите ошибку 403 вместе с красным экраном. Чтобы устройство взаимодействовало с другим портом, используйте команду ниже.

   АБР, обратный протокол: 8081, протокол: 9080

или если у вас подключено несколько устройств, укажите идентификатор устройства (например, FA6AA0301277)

adb -s FA6AA0301277 reverse tcp:8081 tcp:9080

Чтобы узнать список подключенных устройств, используйте приведенную ниже команду

adb devices

Вот и все, теперь вы должны увидеть страницу указателя :) Happy Coding:)