Неможливо завантажити скрипт із активів index.android.bundle у Windows

Я намагаюся вперше запустити свій проект React Native на своєму пристрої (Android 4.2.2).

І я отримую:

не вдається завантажити сценарій з активів index.android.bundle

Команди, якими я користувався:

1. cd (project directory)
2. react-native start
3. react-native run-android

Я зіткнувся з тією ж проблемою, дотримуючись підручника React Native (розробляючись на Linux та орієнтуючись на Android).

Ця проблема допомогла мені вирішити проблему, виконавши наступні кроки.

1. (у довіднику проекту) mkdir android/app/src/main/assets
2. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
3. react-native run-android

Ви можете автоматизувати вищевказані кроки, поміщаючи їх в scriptsчастині , package.jsonяк це:

"android-linux": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res && react-native run-android"

Тоді ви можете npm run android-linuxщоразу виконувати з командного рядка.

Якщо ви запускаєте свою програму на фізичному пристрої та отримуєте цю помилку

unable to load script from assets index.android.bundle

спробуйте виконати команду:

adb reverse tcp:8081 tcp:8081

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

Я витратив години, намагаючись вирішити цю проблему. Моя проблема не стосувалася Windows, але стосується Android.

Доступ до сервера розробки працював локально та в браузері емулятора. Єдине, що не працювало - це доступ до сервера розробки в додатку.

Починаючи з Android 9.0 (рівень API 28), підтримка чіткого тексту відключена за замовчуванням.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ...>
    <uses-permission android:name="android.permission.INTERNET" />
    <application
        ...
        android:usesCleartextTraffic="true"
        ...>
        ...
    </application>
</manifest>

Докладнішу інформацію див. На веб-сторінці : https://stackoverflow.com/a/50834600/1713216

Використовуючи npm версію 4.3.0 react-native-cli версії 2.01-реактивну версію 0.49.5

У каталозі проектів

• mkdir android/app/src/main/assets
• react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
• react-native run-android

Файл змінився з index.android.js на index.js

Я зіткнувся з тією ж проблемою з реальним пристроєм Android.

Рішення: Виходячи з цієї відповіді Niltoid

1. Знайдіть свій локальний IP-адресу
2. Відкрийте додаток і струсіть свій пристрій Android
3. Перейдіть у налаштування Dev та> Сервер налагодження ...
4. Вставте свій IP та порт; XXXX: 8088 "(де X - ваш локальний IP)

для користувача Mac: відкрийте налаштування мережі, тут ви отримаєте свій локальний IP-адресу.

Якщо ви використовуєте Windows, запускайте команди наступним чином або якщо ви отримуєте помилку "Не вдається знайти файл входу index.android.js"

1. mkdir android\app\src\main\assets

2. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

3. react-native run-android

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

Був такий самий випуск у mac, витративши 2 дні, я нарешті зміг отримати роботу.

З того часу Emulator cellular data was turned offя отримував unable to load script from assets index.android.bundle make sure your bundle is running.

Переконайтеся, що ваш Emulator cellular data is turned on, виконавши цей сервер пакетів, зміг поєднати index.android.js. Сподіваюся, це допомагає тому, хто перебуває у фазі розвитку.

У мене цей самий випуск вже кілька місяців. Я спочатку використовував рішення @ Джеррі, однак це було помилковим рішенням, оскільки воно не повністю вирішило проблему. Натомість те, що він робив, сприймав кожну збірку як збірку виробництва, що означає, що будь-яке незначне зміна, внесене в додаток, означатиме, що необхідна перебудова всього додатка.

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

Показано правильне рішення:

У своєму MainApplication.javaфайлі замініть наступне:

@Override
public boolean getUseDeveloperSupport() {
    return BuildConfig.DEBUG;
}

з

@Override
public boolean getUseDeveloperSupport() {
    return true;
}

оскільки чомусь BuildConfig.DEBUGзавжди повертається помилковим і призводить до файлу пакета в каталозі активів.

Вручну встановивши це значення true, ви змушуєте програму використовувати пакувальник. Це не працює у виробництві, тому обов'язково змініть його на значення false або значення за замовчуванням.

Не забувайте також бігати

$ adb reverse tcp:8081 tcp:8081

1 Перейдіть до каталогу проектів і перевірте, чи існує ця папка android/app/src/main/assets

1. Якщо він існує , видаліть два файли а саме index.android.bundleтаindex.android.bundle.meta
2. Якщо активів папки не існує, створіть там каталог активів.

2.З вашої кореневої директорії виконайте це

cd android && ./gradlew clean

3. Нарешті, поверніться до кореневого каталогу та перевірте, чи є один єдиний файл записуindex.js

• Якщо є лише один файл, тобто index.js, виконайте наступну команду react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

• Якщо є два файли, тобто index.android.js та index.ios.js, виконайте це react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

  4. Тепер біжи react-native run-android

ОС: Windows

Ще один спосіб вирішити цю проблему, спробувавши два способи вище
(тому що я встановив SDK не в DEFAULT LOCATION, як C: \ users \ "user_name" \ appdata \ local \ sdk )

Якщо ви помітили, що в командному рядку оголошено: "adb" не розпізнається як внутрішня чи зовнішня команда ... "

Ось так я переживаю:
Приклади: я встановив SDK в D: \ Android \ sdk,
тож я вставитиму шлях у системні змінні ще 2 рядки:

D:\Android\sdk\tools  
D:\Android\sdk\platform-tools  

(Якщо ви не знаєте, як редагувати системні змінні, ось тему: /android/38321/what-do-i-type-in-path-variable-for-adb- сервер-запуск-з-cmd / 38324 )

Потім я знову запускаю cmd: react-native run-android

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

У моєму випадку я видалив нижче рядка з MainApplication.java. (Який раніше я помилково додав мене.) : -

імпортувати com.facebook.react.BuildConfig;

Після цього Очистити проект і натисніть команду

react-native run-android

Для IOS:

У терміналі:

cd ios

Видаліть папку збірки за допомогою: rm -r build

Запустити знову: react-native run-ios

Як альтернативи, ви можете відкрити Finder, перейдіть YOUR_PROJECT / КСН і видалити в збірки папку .

Потім запустіть ще раз: react-native run-ios

Для ANDROID:

У терміналі:

cd android/app

Видаліть папку збірки за допомогою: rm -r build

Запустити знову: react-native run-android

Як альтернативи, ви можете відкрити Finder, перейдіть YOUR_PROJECT / Android / додаток і видалити в збірки папку .

Потім запустіть ще раз: react-native run-android

Для цієї проблеми я просто вирішую її, запустивши:

react-native start

тоді

adb reverse tcp:8081 tcp:8081

в командному рядку. І тоді я можу бігти:

react-native run-android

Тож я не витрачаю час на біг:

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

кожного разу.

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

Перший крок: Перш за все відкрийте cmd та перейдіть до папки Платформа-інструменти менеджера SDK

cd C:Development\Android\Sdk\Platform-tools

2-й крок : тепер запустіть цю команду:

adb devices

після цієї команди перевірте свій пристрій, вказаний у командному рядку

3-й крок : тепер запустіть це

adb reverse tcp:8081 tcp:8081

Тепер ваше налаштування закінчено

Четвертий крок : Перейдіть до каталогу проектів і запустіть цю команду

react-native run-android

Ubuntu

Перший раз я створив новий додаток із react-native init project-name. Я отримав таку ж помилку. тому я роблю наступні кроки, щоб вирішити це в моєму випадку.

1. По-перше, біжи sudo chown user-name-of-pc /dev/kvmв моєму випадку.

2. Під час налагодження з телефону Android виберіть Use USB to Transfer photos (PTP).

3. Створіть папку assetsв назві проекту / android / app / src / main

4. переконайтеся, що index.jsвін доступний у вашому root каталозі проекту, а потім запустіть команду нижче з консолі за cd project-nameкаталогом.

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

або для index.android.js тоді

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

5. запустити команду ./studio.shв android-studio/binкаталозі. Це відкриє Android Studio.

6. запустити команду react-native run-android.

Переконайтеся, що для створення синхронізації вашого фізичного пристрою та сервера працює конструктор метро

По-перше, запустіть цю команду, щоб запустити будівельник метро

npm старт

Тоді ви можете розпочати збірку в реакції рідного

react-native run-android

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

Переконайтеся, що ви додали / path / to / sdk / platform-tools до змінної шляху.

Коли ви запускаєте натиснуту на Android-функцію, він запускає adb reverse tcp: <device-port> tcp: <local-port>, щоб переслати запит з вашого пристрою на сервер, що працює локально на вашому комп'ютері. Ви побачите щось подібне, якщо adb не знайдено.

/bin/sh: 1: adb: not found
Starting the app (.../platform-tools/adb shell am start -n 
com.first_app/com.first_app.MainActivity...
Starting: Intent { cmp=com.first_app/.MainActivity }

Це може бути викликано від’єднанням активів у вашій кодовій базі проекту React Native, наприклад, коли ви перейменовуєте свою заявку / ідентифікатор пакета проекту або додаєте зовнішній пакет без належного посилання, наприклад.

Просто спробуйте в кореневому каталозі вашого проекту:

react-native link

react-native run-android

Якщо при виконанні react-native run-androidкоманди другий рядок трасування є

JS server not recognized, continuing with build...

це означає, що пакувальник додатка неможливо запустити, і додаток не вдасться завантажити без додаткових кроків. Зауважте, що кінець сліду все ще повідомляє про успіх:

BUILD SUCCESSFUL

Проблема, ймовірно, є якийсь конфлікт порту (в моєму випадку про сайт IIS за замовчуванням я повністю забув). Ще одним проявом проблеми буде невдача у відкриттіhttp://localhost:8081/debugger-ui URL-адресу в Chrome.

Після вирішення конфлікту між портами слід простежить

Starting JS server...

тоді відкриється додаткове вікно вузла (node ...cli.js start ), і додаток успішно завантажиться / перезавантажиться.

Після цього ви зможете відкрити конфігурацію налагодження в Chrome за допомогою http://localhost:8081/debugger-ui.

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

private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
  @Override
  public boolean getUseDeveloperSupport() {
    // return true here to load JS from the packager
    // BuildConfig.DEBUG for me was set to false which meant it
    // it was always trying to load the assets from assets folder.
    return true;
  }

  @Override
  protected String getJSMainModuleName() {
    return "index";
  }
};

Ймовірно, доведеться повернути зміни, намагаючись зробити виробництво.

У мене виникли проблеми з McAfee на моєму mac блокуванні порту 8081, довелося змінити його на 8082.

Спочатку запустіть ваш сервер пакетів:

react-native start --port 8082

Відкрийте інший термінал, запустіть додаток для Android як завжди:

react-native run-android

Після завершення тепер перепишіть порт tcp, який підтримує тунелі adb:

adb reverse tcp:8081 tcp:8082

Див. Список тунелів adb tcp:

adb reverse --list

Тепер вам слід побачити важливе повідомлення:

(reverse) tcp:8081 tcp:8082

Перейдіть у свою програму та перезавантажте, готово!

PS: Не змінюйте нічого в налаштуваннях програми Dev, якщо ви додали "localhost: 8082", просто видаліть його, залиште його порожнім.

EDIT: Для всіх жертв McAfee там є простіше рішення, якщо у вас є кореневий доступ, просто тимчасово вбити процес McAfee, сидячи на порту 8081, і зовсім не потрібно змінювати порти:

sudo launchctl remove com.mcafee.agent.macmn

Я думаю, у вас немає встановленої пряжі, спробуйте встановити її з шоколадом чи іншим способом. Її слід встановити перед створенням вашого проекту (команда react-native init).

Не потрібно створювати каталог активів.

Відповідь, якщо це не працює.

Редагувати: В останній версії нативного реагування вони виправили це. Якщо ви хочете отримати повну свободу від цього просто видалення вузла (для повної деінсталяції Повністю видаліть вузол, перейдіть за цим посиланням) та перевстановіть вузол, реагуйте-native-cli, тоді створіть новий проект.

не забудьте ввімкнути Інтернет в емуляторному пристрої, я змінив цю помилку, вона працює ідеально: V Я отримую цю помилку, тому що я вимикаю Інтернет, щоб перевірити NetInfo: D

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

Опис випуску: Неможливо завантажити скрипт із активів index.android.bundle у Windows Неможливо завантажити скрипт із активів index.android.bundle у Windows

Виконайте наведені нижче кроки для вирішення вищезгаданої проблеми:

Крок 1: Створіть папку "Активи" у каталозі проекту. Тепер створіть папку активів у каталозі проекту, що є "MobileApp \ android \ app \ src \ main". Ви можете вручну створити папку активів:

<АБО>

ви можете створити папку і за допомогою команди. Команда: mkdir android / app / src / main / активи

Крок 2: Запуск програми React Native Дозволяє виконати команду нижче, щоб запустити натиснуту програму в емуляторі чи фізичному пристрої.

Перехід до каталогу проектів. cd MobileApp

Виконайте команду нижче, яка допоможе поєднати ваш проект програми Android.

react-native bundle - платформа Android / головний / рез

Виконайте Заключний крок, щоб запустити натиснуту програму в емуляторі чи фізичному пристрої. react-native run-android

<АБО>

Також ви можете об'єднати останні дві команди в одну. У цьому випадку вам потрібно виконати команду лише один раз.

react-native bundle - платформа Android / main / res && react-native run-android

<АБО>

Ви можете автоматизувати вищезазначені дії, розмістивши їх у скриптах частини пакета package.json таким чином:

"android-android": "реактивний пучок реакцій - платформа android --dev false --entry-файл index.js - bundle-output android / app / src / main / tools / index.android.bundle --assets -dest android / app / src / main / res && react-native run-android "

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

Слідуйте за цим, працював для мене.

https://github.com/react-community/lottie-react-native/isissue/269

Перейдіть до каталогу проектів і перевірте, чи існує ця папка android / app / src / main / elements i) Якщо вона існує, видаліть два файли, а саме: index.android.bundle та index.android.bundle.meta ii) Якщо активи папки не відповідають не існує, тоді створіть там каталог активів.

Зі свого каталогу кореневих проектів очистіть компакт-диски android && ./gradlew

Нарешті, поверніться до кореневого каталогу та перевірте, чи є один єдиний файл запису, який називається index.js i) Якщо є лише один файл, тобто index.js, запустіть наступну команду reakct-native bundle --platform android --dev false - -entry-file index.js - android / app / src / main / tools / index.android.bundle --assets-dest android / app / src / main / res

ii) Якщо є два файли, тобто index.android.js та index.ios.js, тоді запустіть цей рідний набір реакцій --platform android --dev false --entry-file index.android.js --bundle-output android /app/src/main/assets/index.android.bundle --assets-dest android / app / src / main / res

Тепер запустіть реактивний run-android

Я щойно зіткнувся з точно такою ж проблемою і вирішив її. Тож сподіваємось бути корисною.

Припустимо, ви збираєте пакет програм для випуску (.apk)

1. Перевірте, чи існує папка ваших активів ?: \ android \ app \ src \ main \ properties Якщо ні, створіть її.

2. Виконавши "Зібрати випуск", перевірте, чи є щось у цій папці (\ android \ app \ src \ main \ активи) Якщо ні, знайдіть файл пакету js ( index.android.bundle ) ), який повинен більше одного з наступні шляхи:

   * a) \ android \ app \ build \ intermediates \ merged_assets \ release \ out \ index.android.bundle

   б) \ android \ app \ build \ intermediates \ merged_assets \ release \ mergeReleaseAssets \ out \ index.android.bundle

   в) \ android \ app \ build \ intermediates \ properties \ release \ index.android.bundle

   г) \ android \ app \ build \ згенеровані \ активи \ реагувати \ реліз \ index.android.bundle *

Кращий спосіб - використовувати "Все" для пошуку імені файлу: index.android.bundle.

3. Потім скопіюйте цей файл у папку активів (\ android \ app \ src \ main \ properties \ index.android.bundle)

4. Поверніться до командної консолі або консолі, виконайте:

react-native run-android --variant = реліз

Це має працювати.

Удачі!

коли я оновлюю натиснене до 0,49,5, ця проблема з’являється, і коли я стежив за цим Порушенням змін та застарілих даних

воно зникло.

Я стикаюся з цим питанням, багато пошуку, і я вирішив це питання.

c:\ProjectFolder\ProjectName> react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

Чому запускайте рідну реакцію:

c:\ProjectFolder\ProjectName>react-native run-android

Для всіх вас, хлопці, які розвиваєтесь із програми-create-react-native-app та викидаєте її та маєте це питання development, ось що для мене спрацювало лише трохи деталей із прийнятої відповіді

(в каталозі проекту) mkdir android / app / src / main / tools

ось приходить та частина, яка змінює cos, який ви перебуваєте в розвитку, позбудьтесь --dev: falseчастини:

реактивний набір пакетів - платформа Android

після цього закрийте всі термінали, видаліть папку збірки з андроїд / додаток /, щоб переконатися, що ви почали чистити, щоб створити додаток, відкрийте новий термінал і

(у каталозі проекту) npm run android

підкаже консоль пакувача (в іншому терміналі) та успішно побудує