Сначала я пытаюсь запустить свой первый проект React Native на своем устройстве (Android 4.2.2).
И я получаю:
не удалось загрузить скрипт из активов index.android.bundle
Команды, которые я использовал:
cd (project directory)react-native startreact-native run-android
Я столкнулся с такой же проблемой, следуя инструкциям React Native (разработка на Linux и таргетинг на Android).
Этот issue помог мне решить проблему в следующих шагах.
mkdir android/app/src/main/assetsreact-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/resreact-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
Это работало для меня...
Использование версии npm версии 4.3.0 для реакции-родной-cli версии 2.01 с реакцией-родной версии 0.49.5
В каталоге проекта,
mkdir android/app/src/main/assetsreact-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/resreact-native run-androidИмя файла изменилось с index.android.js на index.js
Я потратил часы, пытаясь понять эту проблему. Моя проблема не была специфичной для 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>
См. Дополнительную информацию: fooobar.com/questions/14264970/...
У меня возникла такая же проблема с реальным устройством Android.
Решение: Исходя из этого ответа от Niltoid
для пользователя Mac: откройте сетевое предпочтение, здесь вы получите свой локальный IP-адрес.
Если вы используете Windows, выполните команды следующим образом, или если вы получите сообщение об ошибке "Не удается найти файл входа index.android.js"
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
Вы можете выполнить инструкцию, указанную на официальной странице, чтобы исправить эту проблему. Эта проблема возникает на реальном устройстве, поскольку пакет 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. Надеюсь, это поможет кому-то, кто находится на стадии разработки.
У меня была эта же проблема в течение нескольких месяцев. Первоначально я использовал решение @Jerry, но это было ложное решение, так как оно не полностью устранило проблему. Вместо этого, то, что он сделал, - это каждая сборка как производственная сборка, означающая, что любые незначительные изменения, внесенные вами в приложение, означают необходимость восстановления всего приложения.
Хотя это временное решение, оно работает ужасно в долгосрочной перспективе, так как вы больше не можете использовать React Native удивительные средства разработки, такие как горячая перезагрузка и т.д.
Правильное решение показано:
В вашем файле MainApplication.java замените следующее:
@Override
public boolean getUseDeveloperSupport() {
return BuildConfig.DEBUG;
}
с
@Override
public boolean getUseDeveloperSupport() {
return true;
}
по какой-то причине BuildConfig.DEBUG всегда возвращал false и приводил к пакетному файлу в каталоге ресурсов.
Если вручную установить значение true, вы вынуждаете приложение использовать упаковщик. Этот WILL не работает в производстве, поэтому не забудьте изменить его на значение false или значение по умолчанию.
Не забудьте также запустить
$ adb reverse tcp:8081 tcp:8081
ОС: 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
(Если вы не знаете, как редактировать путь Системные переменные, здесь тема: https://android.stackexchange.com/questions/38321/what-do-i-type-in-path-variable-for-adb-server-to-start-from-cmd/38324)
Затем я снова запустил cmd: react-native run-android
Это сработало для меня.
Для IOS:
В терминале:
cd ios
Удалите папку сборки с помощью: rm -r build
Выполнить снова: react-native run-ios
Кроме того, вы можете открыть Finder, перейти к YOUR_PROJECT/ios и удалить папку сборки.
Затем снова запустите: react-native run-ios
Для ANDROID:
В терминале:
cd android/app
Удалите папку сборки с помощью: rm -r build
Запустить еще раз: react-native run-android
Кроме того, вы можете открыть Finder, перейти к YOUR_PROJECT/android/app и удалить папку сборки.
Затем запустите снова: 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
каждый раз.
1 Перейдите в каталог проекта и проверьте, существует ли эта папка. android/app/src/main/assets
index.android.bundle и index.android.bundle.meta2. Из вашего корневого каталога проекта
cd android && ./gradlew clean
3. Наконец, вернитесь в корневой каталог и проверьте, есть ли один файл записи с именем index.js
Если есть только один файл, то есть index.js, тогда запустите следующую команду response 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
react-native run-androidУбедитесь, что построитель метро работает, чтобы настроить ваше физическое устройство и синхронизацию с сервером
Сначала запустите эту команду, чтобы запустить построитель метро
запуск npm
Затем вы можете начать сборку в
реагировать-родной run-android
На этот раз их не должно быть ошибок. Если вы хотите, чтобы ваш код был в реальном времени загружен при изменении. Встряхните устройство, а затем нажмите "Включить перезагрузку"
В моем случае я удалил нижнюю строку из MainApplication.java. (Который ранее ошибочно добавлен мной.): -
import com.facebook.react.BuildConfig;
После этого очистите проект и нажмите команду
реагировать-родной запуск андроид
Убедитесь, что вы добавили /path/to/sdk/platform -tools в свою переменную пути.
Когда вы запускаете run-android run-native, он запускает 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 }
Мне также пришлось столкнуться с этой проблемой, потому что, когда я запускаю проекты на эмуляторе, работая нормально, но на реальном устройстве это дает эту ошибку. SO я разрешает эту проблему следующим решением
1-й шаг: сначала откройте cmd и перейдите в папку sdk manager-tools то есть cd C: разработка \Android\Sdk\Platform-tools
Второй шаг: теперь запустите эту команду: adb
после этой команды проверьте свое устройство, указанное в команде propmt
Третий шаг: теперь запустите это adb reverse tcp: 8081 tcp: 8081
Теперь ваша настройка выполнена
4-й шаг: перейдите в каталог проекта и запустите эту команду
реагировать-native run-android
Это может быть вызвано несвязанными активами в вашей базе кода проекта React Native, например, когда вы переименовываете свой проектный проект/пакетный идентификатор или добавляет внешний пакет без правильной ссылки, например.
Просто попробуйте в корневом каталоге проекта:
react-native link
react-native run-android
Ubuntu
В первый раз я создал новое приложение с react-native init project-name. У меня такая же ошибка. поэтому я делаю следующие шаги, чтобы решить это в моем случае.
sudo chown user-name-of-pc/dev/kvm в моем случае. Во время отладки с вашего телефона Android выберите " Use USB to Transfer photos (PTP).
Создание папки assets в имя-проекта /Android/приложение /SRC/магистральный
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
выполните команду ./studio.sh в ./studio.sh android-studio/bin. Он откроет Android Studio.
run command react-native run-android.
Если при выполнении команды react-native run-android вторая строка трассировки
JS server not recognized, continuing with build...
это означает, что упаковщик для приложения не может быть запущен, и приложение не сможет загрузить без каких-либо дополнительных шагов. Обратите внимание, что конец трассировки по-прежнему сообщает об успехе:
BUILD SUCCESSFUL
Проблема, вероятно, в некотором конфликте портов (в моем случае это был сайт IIS по умолчанию, о котором я полностью забыл). Другим проявлением проблемы будет отказ открыть URL http://localhost:8081/debugger-ui в Chrome.
Как только конфликт порта будет разрешен, трасса сообщит
Starting JS server...
затем откроется дополнительное окно Node (node ...cli.js start), и приложение будет загружать/перезагружать успешно.
После этого вы сможете открыть консоль отладки в Chrome с помощью http://localhost:8081/debugger-ui.
У меня была такая же проблема, даже при работе на симуляторе. Я сделал быстрое обходное решение, чтобы иметь нормальный рабочий процесс dev.
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";
}
};
Вероятно, придется отменить изменение при попытке создания сборки.
Я думаю, что у вас нет установленной пряжи, попробуйте установить ее с шоколадным или что-то еще. Он должен быть установлен перед созданием вашего проекта (команда init-native init).
Нет необходимости создавать каталог ресурсов.
Ответ, если он не работает.
Edit: В недавней версии реагирования они исправили это. Если вы хотите получить полную свободу от этого, просто удалите node (Для полной деинсталляции Полностью удалить node обратитесь к этой ссылке) и переустановите node, react-native-cli затем создайте свой новый проект.
У меня была проблема с McAfee на моем блоке блокировки mac81 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 там есть более легкое решение, если у вас есть root-доступ, просто временно запустите процесс McAfee, сидящий на порту 8081, и вообще не нужно менять порт:
sudo launchctl remove com.mcafee.agent.macmn
не забудьте включить в интернет в эмулятор устройства, я resovled этой ошибки, он работает идеально: V Я получаю эту ошибку, потому что я выключаю интернет для тестирования NetInfo: D
Это общее сообщение об ошибке, возможно, вы столкнулись во время разработки собственной разработки приложений. Итак, в этом уроке мы будем предлагать решение этой проблемы.
Проблема Описание: Невозможно загрузить скрипт из активов index.android.bundle на windows Невозможно загрузить скрипт из активов index.android.bundle на windows
Следуйте приведенным ниже шагам, чтобы решить вышеуказанную проблему:
Шаг 1. Создайте папку "assets" внутри каталога вашего проекта. Теперь создайте папку с ресурсами в каталоге проекта, которая является "MobileApp\android\app\src\main". Вы можете вручную создать папку с ресурсами:
<OR>
вы также можете создать папку, используя команду. Команда: mkdir android/app/src/main/assets
Шаг 2: Запуск приложения React Native Позволяет запустить приведенную ниже команду для запуска реагирующего собственного приложения в эмуляторе или физическом устройстве.
Переключитесь в каталог проекта. cd MobileApp
Выполните команду ниже, которая поможет вам связать ваш проект приложения Android.
реактивный родной пакет --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/основные /RES
Запустите последний шаг, чтобы запустить собственное приложение в эмуляторе или физическом устройстве. реагировать-родной run-android
<OR>
Также вы можете комбинировать последние две команды в одном, в этом случае вам нужно выполнить команду только один раз.
реактивный родной пакет --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 && response-native run-android
<OR>
Вы можете автоматизировать вышеуказанные шаги, поместив их в часть скриптов package.json следующим образом:
"андроид-андроид": "реактивный родной пакет --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 && response-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) Если ресурсы папки не используются В этом случае создайте каталог ресурсов.
Из вашего корневого каталога проекта сделайте cd android &&./gradlew clean
Наконец, вернитесь в корневой каталог и проверьте, есть ли один файл записи с именем 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 -entry-file index.android.js -bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
Теперь запустите action-native run-android
когда я обновляю response-native до 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
Для всех вас, ребята, которые развиваются из приложения для создания-реагирования-родного приложения и выбрасываются, и имеют эту проблему в development, это то, что сработало для меня лишь небольшая деталь из принятого ответа
(в каталоге проекта) mkdir android/app/src/main/assets
здесь идет часть, которая изменяется, потому что вы в развитии избавляетесь от --dev: false часть:
реактивный родной пакет --platform android --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
после этого закройте все терминалы, сотрите папку сборки из android/app/, чтобы убедиться, что вы начали чистую, чтобы создать приложение, открыть новый терминал и
(в каталоге проекта) npm run android
будет запрашивать консоль упаковщика (в другом терминале) и успешно строить
Эта проблема также может быть вызвана сотовыми данными об отключении устройства/эмулятора. Убедитесь, что вы это проверили.