Android не вдалося завантажити пакет JS

Я намагаюся запустити AwesomeProject на своєму Nexus5 (android 5.1.1).

Я в змозі скласти проект та встановити його на пристрої. Але коли я запускаю його, у мене з’являється червоний екран

Неможливо завантажити пакет JS. Ви забули запустити сервер розробки або підключити свій пристрій?

У реакції рідного iOS я можу вибрати завантажити jsbundle в автономному режимі. Як я можу зробити те ж саме для Android? (Або принаймні, де я можу налаштувати адресу сервера?)

Оновлення

Щоб запустити з локальним сервером, виконайте такі команди в кореневому каталозі реактивного проекту

1. react-native start > /dev/null 2>&1 &
2. adb reverse tcp:8081 tcp:8081

будь ласка, подивіться на відповідь dsissitka для більш детальної інформації.

Щоб запустити без сервера, зв’яжіть jsfile в apk, запустивши:

1. створити папку активів під android/app/src/main
2. curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

будь ласка, подивіться відповідь kzzzf для отримання більш детальної інформації.

Щоб зв'язати файл JS у вашій apk під час запуску вашого сервера ( react-native start), завантажте пакет у каталог активів свого додатка:

curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

З наступним випуском (0,12) ми виправимо react-native bundleкоманду для роботи з андроїдними проектами, як очікувалося.

Наступне змусило мене працювати на Ubuntu 14.04:

cd (App Dir)
react-native start > /dev/null 2>&1 &
adb reverse tcp:8081 tcp:8081

Оновлення : Див

• Запуск на пристрої (Android)
• Попередження пристрою придушено?

Оновлення 2 : @scgough Ми отримали цю помилку, оскільки React Native (RN) не зміг отримати JavaScript з сервера розробників, що працює на наших робочих станціях. Ви можете побачити, чому це відбувається тут:

https://github.com/facebook/react-native/blob/42eb5464fd8a65ed84b799de5d4dc225349449be/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java#L116-L137

Якщо ваш додаток RN виявить, що ви використовуєте Genymotion або емулятор, він намагається отримати JavaScript з GENYMOTION_LOCALHOST (10.0.3.2) або EMULATOR_LOCALHOST (10.0.2.2). В іншому випадку він передбачає, що ви використовуєте пристрій, і він намагається отримати JavaScript від DEVICE_LOCALHOST (localhost). Проблема полягає в тому, що сервер розробників працює на localhost вашої робочої станції, а не на пристрої, тому для того, щоб він працював, вам потрібно:

• Переадресація трафіку від (localhost пристрою): 8081 / tcp до (localhost Workstation): 8081 / tcp. Ось що робить ця команда adb.
• Скажіть своєму додатку RN, де він може знайти ваш сервер розробників.

Гаразд, я думаю, я зрозумів, у чому тут проблема. Це було пов'язано з версією, яку watchmanя працював.

У новій оболонці запустіть brew update тоді: brew unlink watchman then:brew install watchman

тепер ви можете запустити react-native startз папки свого проекту

Я залишаю цю оболонку відкритою, створюю нове вікно оболонки і запускаю: react-native run-androidзі своєї папки проекту. З світом все гаразд.

пс. Я спочатку був на версії 3.2 сторожа. Це підвищило мене до 3,7.

pps. Я новачок у цьому, щоб, можливо, це не найшвидший шлях до рішення, але він спрацював для мене.

* БІЛЬШЕ ІНФОРМАЦІЇ ДЛЯ РОЗВ'ЯЗАННЯ / ВИМОГИ НА ПРИСТРІЙ

Ви можете виявити, що якщо розгорнути додаток на пристрої Android, а не на емуляторі, ви отримаєте червоний екран смерті із повідомленням про помилку Unable to load JS Bundle. Вам потрібно встановити сервер налагодження для вашого пристрою, щоб ваш комп’ютер працював в реакції ... або його ім'я, або IP-адреса.

1. Натисніть Menuкнопку пристрою
2. Виберіть Dev Settings
3. Виберіть Debug server host for device абоChange Bundle Location
4. Введіть IP-адресу Вашого пристрою та перезавантажте JS плюс порт реагування, наприклад 192.168.1.10:8081

Більше інформації: http://facebook.github.io/react-native/docs/running-on-device-android.html

З каталогу проектів запустіть

react-native start

Він видає наступне:

$ react-native start
 ┌────────────────────────────────────────────────────────────────────────────┐ 
 │  Running packager on port 8081.                                            │ 
 │                                                                            │ 
 │  Keep this packager running while developing on any JS projects. Feel      │ 
 │  free to close this tab and run your own packager instance if you          │ 
 │  prefer.                                                                   │ 
 │                                                                            │ 
 │  https://github.com/facebook/react-native                                  │ 
 │                                                                            │ 
 └────────────────────────────────────────────────────────────────────────────┘ 
Looking for JS files in
   /home/user/AwesomeProject 


React packager ready.

[11:30:10 PM] <START> Building Dependency Graph
[11:30:10 PM] <START> Crawling File System
[11:30:16 PM] <END>   Crawling File System (5869ms)
[11:30:16 PM] <START> Building in-memory fs for JavaScript
[11:30:17 PM] <END>   Building in-memory fs for JavaScript (852ms)
[11:30:17 PM] <START> Building in-memory fs for Assets
[11:30:17 PM] <END>   Building in-memory fs for Assets (838ms)
[11:30:17 PM] <START> Building Haste Map
[11:30:18 PM] <START> Building (deprecated) Asset Map
[11:30:18 PM] <END>   Building (deprecated) Asset Map (220ms)
[11:30:18 PM] <END>   Building Haste Map (759ms)
[11:30:18 PM] <END>   Building Dependency Graph (8319ms)

Просте рішення, яке працює для мене з Ubuntu 14.04.

react-native run-android

Емулятор (вже запущений) повернеться: Неможливо завантажити пакет JS; запустити знову сервер JS:

react-native start

Натисніть Reload JS на емуляторі. Це працювало для мене. Сподіваюся, це допоможе

У додатку на android я відкрив Меню (Command + M в Genymotion) -> Налаштування Dev -> Хост і порт сервера налагодження для пристрою

встановіть значення: localhost: 8081

Це працювало для мене.

Після випробування комбінації відповідей тут, це те, що працює для мене.

Я використовую Genymotion як емулятор.

1 Запустіть емулятор Genymotion.

2 З терміналу

cd AwesomeProject
react-native run-android # it loads in genymotion and fails with bundle error
react-native start > /dev/null 2>&1 & # from dsissitka
adb reverse tcp:8081 tcp:8081 # from dsissitka

3 Перезавантажте емулятор.

Це завантажує!

Зараз я можу почати розвиватися.

Видаліть додаток зі свого телефону! Я спробував кілька кроків, але це все вдалося.

1. Якщо ви раніше намагалися запустити додаток, але не вдалося, видаліть його зі свого пристрою Android.
2. Біжи $ react-native run-android
3. Відкрийте меню React Rage Shake у своєму додатку на андроїд-пристрої, перейдіть на, Dev Settingsа потім на Debug server host & port for device. Там введіть IP вашого сервера (IP вашого комп'ютера) та хоста 8081, наприклад 192.168.50.35:8081. На комп'ютері ви можете знайти IP свого комп'ютера за адресою System Preferences -> Network -> Advanced... -> TCP/IP -> IPv4 Address.
4. Відкрийте меню Rage Shake знову і натисніть Reload JS.

Очевидно adb reverse було введено в Android 5.0
Отримання "помилки: закрито" двічі на "adb reverse"

Я думаю, що нам потрібно продовжувати відповідь kzzzf

У мене недостатньо репутації для коментарів, але це стосується відповіді dsissitka. Він працює і в Windows 10.

Щоб повторити, командами є:

cd (App Dir)
react-native start > /dev/null 2>&1 &
adb reverse tcp:8081 tcp:8081

Ось прості кроки для запуску програми на android (випуск):

1. Перейдіть до кореня програми.

2. Виконайте цю команду.

реактивний пакет - платформа Android / src / main / res

Усі ваші файли скопійовані.

3. Створіть підписаний APK.

Відкрита андроїдна студія.

Створити> Створити підписаний APK> [Заповніть потрібні дані, перед цим кроком потрібно створити натискання клавіш]

АПК має бути створено без помилок. Встановіть на свій пристрій, і це має працювати без проблем.

Ви також можете підключити свій пристрій і безпосередньо натиснути значок Run на андроїд-студії для тестування.

Створення натискання клавіш:

1. Перейдіть на C: \ Файли програм \ Java \ jdkx.x.x_x \ bin

2. Біжи

keytool -genkey -v -keystore d: \ my_private_key.keystore -alias my-key-alias -keyalg RSA -keyysize 2048 -validity 10000

Напевно, ви попросите заповнити деякі деталі. Зробіть це, і у вас є ваш файл натискання клавіш ( my_private_key.keystore ), який можна використовувати для підпису вашої apk.

Я отримував це в Linux після припинення react-native run-androidпроцесу. Здається, сервер вузлів все ще працює, тому наступного разу, коли ви запустите його, він не запуститься належним чином, і ваша програма не зможе підключитися.

Виправлення тут полягає в тому, щоб знищити процес вузла, який працює в Xterm, який ви можете вбити за допомогою ctrl-cцього вікна (простіше), або ви можете знайти його, використовуючи lsof -n -i4TCP:8081тодіkill -9 PID .

Потім react-native run-androidзнову біжи .

Перевірте своє підключення до wifi.

Іншою можливістю може бути те, що ви або не підключені до Wi-Fi, підключені до неправильної мережі, або IP-адреса неправильна у ваших налаштуваннях розробника. Чомусь мій андроїд відключився від wifi, і я почав отримувати цю помилку, несвідомо.

Запуск на пристрої

Я знайшов іншу відповідь.

• adb reverse: працює лише на Android 5.0+ (API 21).
• Інше: відкрийте меню розробника, струшуючи пристрій, перейдіть у Налаштування Dev , Перейдіть на хост сервера налагодження для пристрою , введіть IP-адресу вашого пристрою та порт локального сервера розробників.

Оновлення

Тепер у Windows немає необхідності запускати натиснуті на реаги. Пакувальник запуститься автоматично.

Важливо перевірити, що ніхто досі не згадував: Перевірте локальний брандмауер, переконайтесь, що його вимкнено .

Дивіться мою відповідь тут: https://stackoverflow.com/a/41400708/1459275

Я використовую лише Ubuntu та Android, і мені не вдалося запустити його. Я знайшов дійсно просте рішення - оновити файл package.json, змінивши наступні рядки:

"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },

до

"scripts": {
    "start": "adb reverse tcp:8081 tcp:8081 && node node_modules/react-native/local-cli/cli.js start"
  },

А потім ви запускаєте сервер, набравши

npm run start

Це забезпечує андроїд-пристрій шукати сервер вузлів на вашому комп’ютері, а не локально на телефоні.

Початковий питання був про перевантаження додатки в phyisical пристрою.

Коли ви налагоджуєте програму на фізичному пристрої (тобто через adb), ви можете перезавантажити пакет JS, натиснувши ліву верхню кнопку "дії" вашого пристрою. Це відкриє меню опцій (Reload, Debug JS віддалено ...).

Сподіваюсь, це допомагає.

Цю помилку можна легко усунути, виконавши наступні кроки:

    //run the command at /android sdk / platforms-tool folder
        adb reverse tcp:8081 tcp:8081

    //now come to root folder of your app
    1. npm start
    2. create 'assets' folder inside rootApp/android/app/src/main/
    3. curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"
    4. make sure anyone physical or virtual device attached is running.
    5. react-native run-android

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

У новому React Native (точно 0,59) конфігурація налагодження знаходиться всередині android/app/src/debug/res/xml/react_native_config.xml

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
  <domain-config cleartextTrafficPermitted="true">
    <domain includeSubdomains="false">localhost</domain>
    <domain includeSubdomains="false">10.0.2.2</domain>
    <domain includeSubdomains="false">10.0.3.2</domain>
  </domain-config>
</network-security-config>

Запустити два термінали на одному і тому ж першому терміналі запустити реакцію нативного запуску та другий термінал реагувати на нативному запуску андроїда цю проблему вирішують просто. І найкраща удача

Гей, я зіткнувся з цією проблемою зі своїм рідним проектом реагування, симулятор IOS працює чудово, але андроїд продовжував давати мені цю помилку. ось можливе рішення, яке працювало на мене.

крок 1, перевірте, чи дозволено adb-пристрій, запустивши у своєму терміналі: adb пристрої

якщо це несанкціоновано, запустіть наступні команди

крок 2, sudo adb kill-сервер крок 3, sudo adb start-сервер

потім перевірте, чи відображається команда adb devices у списку пристроїв, приєднаних до пристрою emulator-5554

замість несанкціонованого, якщо це пристрій замість несанкціонованого

крок 4, запустіть npx реактивний run-android

це працювало в моєму випадку, я сподіваюся, що це вирішить вашу проблему.

Я вважав це дивним, але знайшов рішення. Я помітив, що раз у раз моя папка проекту переходила лише для читання, і я не міг її зберегти від VS. Тому я прочитав пропозицію перенести NPM від локального PATH користувача до загальносистемної глобальної змінної PATH, і це спрацювало як шарм.

Запуск npm start з реалізованої для мене реальної каталоги.