Я впервые пытаюсь запустить свой первый проект React Native на моем устройстве (Android 4.2.2).
И я получаю:
невозможно загрузить скрипт из ресурсов index.android.bundle
Команды, которые я использовал:
cd (project directory)
react-native start
react-native run-android
Loading dependency graph...
на,Loading dependency graph, done
и нажмите перезагрузить приложение.mkdir ... /assets && react-native bundle --platform..
НЕ МОЖЕТ решить эту проблему полностью , проверьте это: stackoverflow.com/a/55511803/10139109Ответы:
Я столкнулся с той же проблемой, когда следовал учебному пособию по React Native (разработка для Linux и ориентация на Android).
Эта проблема помогла мне решить проблему в следующих шагах.
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
Вы можете автоматизировать вышеуказанные шаги, помещая их в
scripts
части ,package.json
как это:Тогда вы можете просто выполнить
npm run android-linux
из командной строки каждый раз.источник
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
Loading dependency graph...
каждый раз, когда я перезапускаю его из терминала, и это занимает слишком много времени. К вашему сведению, я использую Ubuntu 14.04index.js
не такApp.js
Если вы запускаете приложение на физическом устройстве и получаете эту ошибку
попробуйте запустить команду:
Это сработало для меня ...
источник
Я часами пытался разобраться с этой проблемой. Моя проблема была не только для Windows, но и для Android.
Доступ к серверу разработки работал локально и в браузере эмулятора. Единственное, что не сработало, это доступ к серверу разработки в приложении.
AndroidManifest.xml
См. Для получения дополнительной информации: https://stackoverflow.com/a/50834600/1713216
источник
targetSdkVersion
до28
.Использование 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
источник
index.js
вместоindex.android.js
или только один файлindex.ios.js
sudo 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
Я столкнулся с той же проблемой с реальным устройством Android.
Решение: на основе этого ответа Нилтоида
для пользователей 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 находится в вашей системе разработки, а приложение на вашем реальном устройстве не знает о его местонахождении.
источник
react-native run-android
исправил этоБыла такая же проблема в 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
. Надеюсь, это поможет кому-то, кто находится в стадии разработки.источник
Emulator cellular data is turned on
? Где это? Виртуальное устройство? Реальное устройство?У меня была такая же проблема в течение нескольких месяцев. Первоначально я использовал решение @ Джерри, однако это было ложное решение, поскольку оно не решило проблему полностью. Вместо этого он использовал каждую сборку как производственную сборку, означающую, что любое небольшое изменение, внесенное в приложение, будет означать, что необходима перестройка всего приложения.
Хотя это временное решение, оно работает ужасно в долгосрочной перспективе, так как вы больше не можете использовать удивительные инструменты разработки React Native, такие как горячая перезагрузка и т. Д.
Правильное решение показано:
В вашем
MainApplication.java
файле замените следующее:с
так как по какой-то причине
BuildConfig.DEBUG
всегда возвращал false и приводил к пакетному файлу в каталоге assets.Установив для этого параметра значение true, вы заставляете приложение использовать упаковщик. Это НЕ БУДЕТ работать в производстве, поэтому обязательно измените его на false или значение по умолчанию.
Не забудьте также бежать
источник
1 Перейдите в каталог вашего проекта и проверьте, существует ли эта папка
android/app/src/main/assets
index.android.bundle
иindex.android.bundle.meta
2. Из вашего корневого каталога проекта сделайте
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
react-native run-android
источник
ОС: Windows
Другой способ решить эту проблему после попытки двумя способами выше
(потому что я установил SDK не в DEFAULT LOCATION, как C: \ users \ "user_name" \ appdata \ local \ sdk )
Если вы заметили, что в командной строке объявлено: «adb» не распознается как внутренняя или внешняя команда ... »
Вот как я это преодолел:
Примеры: я установил SDK в D: \ Android \ sdk,
поэтому я вставлю путь в системные переменные еще на 2 строки:
(Если вы не знаете, как редактировать системные переменные пути, вот тема: /android/38321/what-do-i-type-in-path-variable-for-adb- сервер-для-запуска-из-cmd / 38324 )
Затем я снова запускаю cmd:
react-native run-android
Это сработало для меня.
источник
В моем случае я удалил нижнюю строку из MainApplication.java. (Который ранее ошибочно добавлен мной.) : -
После этого очистите проект и нажмите команду
источник
Для IOS:
В терминале:
Удалите папку сборки с помощью:
rm -r build
Запустите снова:
react-native run-ios
В качестве альтернативы, вы можете открыть Finder, перейдите YOUR_PROJECT / КСН и удалить в сборки папку .
Затем снова запустите:
react-native run-ios
Для Android:
В терминале:
Удалите папку сборки с помощью:
rm -r build
Запустите снова:
react-native run-android
В качестве альтернативы, вы можете открыть Finder, перейдите YOUR_PROJECT / Android / приложение и удалить в сборки папку .
Затем снова запустите:
react-native run-android
источник
android/app/bin
папки в Windows также работает. Я построил проект прямо из Android Studio, вместо того, чтобы его запуститьreact-native run-android
, и кажется, что он создал что-то не то, что мне пришлось удалить вручную.Для этой проблемы я просто решаю ее, выполнив:
тогда
в командной строке. И тогда я могу бежать:
Так что я не буду тратить свое время на бег:
каждый раз.
источник
Я также столкнулся с этой проблемой, потому что, когда я запускаю проекты на эмуляторе, он работает нормально, но на реальном устройстве выдает эту ошибку. Поэтому я решаю эту проблему следующим решением
Первый шаг: прежде всего откройте cmd и перейдите в папку Platform-tools вашего менеджера SDK
2-й шаг : теперь запустите эту команду:
после этой команды проверьте ваше устройство, указанное в командной строке
3-й шаг : теперь запустите это
Теперь ваша настройка завершена
4-й шаг : перейдите в каталог вашего проекта и выполните эту команду
источник
Впервые я создал новое приложение с
react-native init project-name
. Я получил ту же ошибку. поэтому я делаю следующие шаги, чтобы решить эту проблему в моем случае.sudo chown user-name-of-pc /dev/kvm
в моем случае.Во время отладки с телефона Android выберите
Use USB to Transfer photos (PTP)
.Создать папку
assets
в имени проекта / Android / App / SRC / Mainindex.js
вы доступны в каталоге вашего проекта,root
а затем выполните команду ниже из консоли заcd project-name
каталогом.или для index.android.js тогда
запустить команду
./studio.sh
вandroid-studio/bin
каталоге. Откроется Android Studio.запустить команду
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 не найден.
источник
Это может быть вызвано несвязанными активами в базе кода проекта React Native, например, когда вы переименовываете свое приложение / идентификатор пакета проекта или, например, добавляете внешний пакет без надлежащей ссылки на него.
Просто попробуйте это в корневой директории вашего проекта:
источник
Если при запуске
react-native run-android
команды вторая строка трассировкиэто означает, что упаковщик для приложения не может быть запущен, и приложение не сможет загрузиться без каких-либо дополнительных шагов. Обратите внимание, что конец трассировки все еще сообщает об успехе:
Проблема, вероятно, в некотором конфликте портов (в моем случае это был сайт IIS по умолчанию, о котором я полностью забыл). Еще одним проявлением проблемы может стать неспособность открыть
http://localhost:8081/debugger-ui
URL в Chrome.Как только конфликт порта будет решен, трассировка сообщит
тогда откроется дополнительное окно Node (
node ...cli.js start
), и приложение успешно загрузится / перезагрузится.После этого вы сможете открыть консоль отладки в Chrome с помощью
http://localhost:8081/debugger-ui
.источник
У меня была такая же проблема даже при работе на симуляторе. Я сделал быстрый обходной путь, чтобы у меня был нормальный рабочий процесс для разработчиков.
Вероятно, придется отменить изменения при попытке сделать производственную сборку.
источник
У меня была проблема с McAfee на моем порте блокировки Mac 8081, пришлось изменить его на 8082.
Сначала запустите ваш пакетный сервер:
Откройте другой терминал, запустите приложение для Android как обычно:
Как только это закончится, теперь перепишите tcp порт, который туннелирует adb:
Смотрите список туннелей adb tcp:
Теперь вы должны увидеть теплое сообщение:
Зайдите в свое приложение и перезагрузите, готово!
PS: Ничего не меняйте в настройках приложения. Если вы добавили «localhost: 8082», просто удалите его, оставьте пустым.
РЕДАКТИРОВАТЬ: Для всех жертв McAfee, есть более простое решение, если у вас есть root-доступ, просто временно убейте процесс McAfee, сидящий на порте 8081, и не нужно менять порт вообще:
источник
Я думаю, что у вас не установлена пряжа, попробуйте установить ее с шоколадом или еще чем-нибудь. Он должен быть установлен до создания вашего проекта (реакция на команду 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)
Проверьте, существует ли ваша папка ресурсов ?: \ android \ app \ src \ main \ assets Если нет, создайте ее.
После выполнения «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.
Затем скопируйте этот файл в папку ресурсов (\ android \ app \ src \ main \ assets \ index.android.bundle)
Вернитесь в powershell или командную консоль, выполните:
Он должен работать.
Удачи!
источник
когда я обновляю реагировать родной для 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
, это то, что сработало для меня лишь небольшая деталь из принятого ответаздесь идет часть, которая меняется, потому что вы находитесь в разработке, избавиться от
--dev: false
части:после этого закройте все терминалы, удалите папку сборки из android / app /, чтобы убедиться, что вы начали чистую сборку приложения, открыли новый терминал и
подскажет консоль упаковщика (в другом терминале) и успешно соберет
источник