Невозможно загрузить скрипт из ресурсов 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 response-native-cli версия 2.01 response-native версия 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.

Решение: на основе этого ответа Нилтоида

1. Найдите свой локальный IP
2. Откройте приложение и встряхните свое устройство Android
3. Перейти Dev Dev Setting и> Отладка сервера ...
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всегда возвращал false и приводил к пакетному файлу в каталоге assets.

Установив для этого параметра значение 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. (Который ранее ошибочно добавлен мной.) : -

import com.facebook.react.BuildConfig;

После этого очистите проект и нажмите команду

реагировать-родной запуск андроид

Для 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 и перейдите в папку Platform-tools вашего менеджера SDK

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

2-й шаг : теперь запустите эту команду:

adb devices

после этой команды проверьте ваше устройство, указанное в командной строке

3-й шаг : теперь запустите это

adb reverse tcp:8081 tcp:8081

Теперь ваша настройка завершена

4-й шаг : перейдите в каталог вашего проекта и выполните эту команду

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.

Убедитесь, что работает Metro Builder для синхронизации вашего физического устройства и сервера

Сначала запустите эту команду для запуска Metro Builder

начало вечера

Тогда вы можете начать сборку реагировать на родной

реагировать-родной запуск андроид

Их не должно быть ошибки на этот раз. Если вы хотите, чтобы ваш код работал, перезагрузите его при изменении. Встряхните свое устройство, а затем нажмите Включить Live Reload

Убедитесь, что вы добавили / path / to / sdk / platform-tools в переменную path.

Когда вы запускаете response-native run-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 (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: Ничего не меняйте в настройках приложения. Если вы добавили «localhost: 8082», просто удалите его, оставьте пустым.

РЕДАКТИРОВАТЬ: Для всех жертв McAfee, есть более простое решение, если у вас есть root-доступ, просто временно убейте процесс McAfee, сидящий на порте 8081, и не нужно менять порт вообще:

sudo launchctl remove com.mcafee.agent.macmn

Я думаю, что у вас не установлена пряжа, попробуйте установить ее с шоколадом или еще чем-нибудь. Он должен быть установлен до создания вашего проекта (реакция на команду init).

Нет необходимости создавать каталог активов.

Ответьте, если это не работает.

Редактировать: в последней версии реакции-родной они исправили это. Если вы хотите получить полную свободу от этого просто удалить узел (для полного удаления Полностью удалить узел обратитесь по этой ссылке) и переустановить узел, Reaction-native-cli, а затем создать свой новый проект.

не забудьте включить интернет в устройстве эмулятора, я исправил эту ошибку, она прекрасно работает: V я получаю эту ошибку, потому что я отключаю интернет, чтобы проверить NetInfo: D

Это общее сообщение об ошибке, с которым вы могли столкнуться во время разработки собственного приложения реакции. Итак, в этом уроке мы собираемся предоставить решение этой проблемы.

Описание проблемы: Невозможно загрузить скрипт из ресурсов index.android.bundle на окнах Невозможно загрузить скрипт из активов index.android.bundle на окнах

Выполните следующие шаги, чтобы решить вышеупомянутую проблему:

Шаг 1. Создайте папку «assets» в каталоге вашего проекта. Теперь создайте папку assets в каталоге проекта, который называется «MobileApp \ android \ app \ src \ main». Вы можете вручную создать папку ресурсов:

<ИЛИ>

Вы также можете создать папку с помощью команды. Команда: mkdir android / app / src / main / assets

Шаг 2: Запуск собственного приложения React Native. Запустите приведенную ниже команду для запуска собственного приложения реагирования в эмуляторе или на физическом устройстве.

Переключиться в каталог проекта. CD MobileApp

Запустите приведенную ниже команду, которая поможет вам собрать проект приложения для Android.

Реактивный пакет --platform android --dev false - входной файл index.js - вывод-вывода android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / основные / RES

Запустите последний шаг для запуска собственного приложения в эмуляторе или на физическом устройстве. реагировать-родной запуск андроид

<ИЛИ>

Также вы можете объединить две последние команды в одну. В этом случае вам нужно выполнить команду только один раз.

Реактивный пакет --platform android --dev false - входной файл index.js - вывод-вывода android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res && response-native run-android

<ИЛИ>

Вы можете автоматизировать вышеперечисленные шаги, поместив их в сценарии как часть package.json следующим образом:

"android-android": "активный пакет -платформа android --dev false - файл-входа index.js - вывод -bundle android / app / src / main / assets / index.android.bundle --assets - -dest android / app / src / main / res && Reaction-native run-android "

Если все настроено правильно, ваше новое приложение должно скоро появиться в эмуляторе Android.

Следуй за этим, работал для меня.

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

Перейдите в каталог вашего проекта и проверьте, существует ли эта папка android / app / src / main / assets i) Если она существует, удалите два файла, а именно index.android.bundle и index.android.bundle.meta ii) Если папка assets не существует не существует, то создайте каталог ресурсов там.

Из корневого каталога проекта выполните очистку cd android && ./gradlew.

Наконец, вернитесь к корневому каталогу и проверьте, существует ли один файл с именем index.js. I) Если существует только один файл, то есть index.js, выполните следующую команду response-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

ii) Если есть два файла, т. е. index.android.js и index.ios.js, то запустите этот собственный пакет --platform android --dev false - входной файл index.android.js --bundle-output android /app/src/main/assets/index.android.bundle --assets-dest android / app / src / main / res

Теперь запустите реагировать родной запустить андроид

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

Предположим, вы собираете пакет приложения выпуска (.apk)

1. Проверьте, существует ли ваша папка ресурсов ?: \ android \ app \ src \ main \ assets Если нет, создайте ее.

2. После выполнения «Assemble Release» проверьте, есть ли что-либо в этой папке (\ android \ app \ src \ main \ assets). Если нет, найдите файл комплекта js ( index.android.bundle) ), который должен быть в более чем одном из следующие пути:

   * А) \ Android \ приложение \ сборка \ промежуточные \ merged_assets \ выпуск \ из \ index.android.bundle

   б) \ Android \ приложение \ сборка \ промежуточные \ merged_assets \ релиз \ mergeReleaseAssets \ из \ index.android.bundle

   в) \ Android \ приложение \ сборка \ ПОЛУПРОДУКТЫ \ Оборачиваемость активов \ выпуск \ index.android.bundle

   d) \ Android \ приложение \ сборки \ генерироваться \ активы \ реагирующие \ выпуск \ index.android.bundle *

Лучше всего использовать «Все» для поиска по имени файла: index.android.bundle.

3. Затем скопируйте этот файл в папку ресурсов (\ android \ app \ src \ main \ assets \ index.android.bundle)

4. Вернитесь в powershell или командную консоль, выполните:

реакция-нативный запуск-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-реагировать-нативно и выбросили, и имеют эту проблему development, это то, что сработало для меня лишь небольшая деталь из принятого ответа

(в каталоге проекта) mkdir android / app / src / main / assets

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

Реактивный собственный пакет

после этого закройте все терминалы, удалите папку сборки из android / app /, чтобы убедиться, что вы начали чистую сборку приложения, открыли новый терминал и

(в каталоге проекта) npm run android

подскажет консоль упаковщика (в другом терминале) и успешно соберет