Невозможно загрузить скрипт. Убедитесь, что вы используете сервер Metro или что ваш пакет 'index.android.bundle' правильно упакован для выпуска

Question

Невозможно загрузить скрипт. Убедитесь, что вы используете сервер Metro или что ваш пакет 'index.android.bundle' правильно упакован для выпуска

response-native run-android завершает работу, оставляя сообщение в сообщении в симуляторе Android. Сообщение выглядит следующим образом

Невозможно загрузить скрипт. Убедитесь, что вы используете сервер Metro или что ваш пакет 'index.android.bundle' правильно упакован для выпуска.

Я полностью сбит с толку, что я делаю не так.

Изменить: добавление скриншота ошибки

334

reactjs react-native react-native-android metro-bundler react-native-cli

Источник

user10466428 31 мар '19 в 13:11

67 ответов

Другие вопросы по тегам reactjs react-native react-native-android metro-bundler react-native-cli

user10496034 31 мар '19 в 15:07 2019-03-31 15:07 · Answer 1 · 2019-03-31 15:07

Вы еще не запустили пакет Бежать npm start или же react-native start в корне прямо перед вашим проектом react-native run-android

208

Источник

user10496034 31 мар '19 в 15:07

user9422637 31 май '19 в 18:11 2019-05-31 18:11 · Answer 2 · 2019-05-31 18:11

Эти шаги действительно помогают мне:

Шаг 1. Создайте каталог в android/app/src/main/assets

Команда Linux: mkdir android/app/src/main/assets

Шаг 2: переименовать index.android.js в index.js:

Команда 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

Шаг 3: Создайте свой APK: react-native run-android

user10232601 24 июн '19 в 10:54 2019-06-24 10:54 · Answer 3 · 2019-06-24 10:54

Если у вас все настроено правильно, попробуйте это:

ADB обратный протокол:8081 протокол:8081

Почему? "Когда RN-упаковщик работает, в вашем браузере доступен активный веб-сервер по адресу 127.0.0.1:8081. Именно с этого сервера JS-пакет для вашего приложения обслуживается и обновляется по мере внесения изменений. Без обратного прокси-сервера Ваш телефон не сможет подключиться к этому адресу."

все кредиты для Swingline0

user2009955 01 апр '19 в 08:29 2019-04-01 08:29 · Answer 4 · 2019-04-01 08:29

Подобная проблема произошла со мной Видимо Mcafee блокирует порт 8081, мне потребовались часы, чтобы понять это

Попробуй запустить реакцию-нативный run-android --port=1234

Как только приложение отобразится в эмуляторе с ошибкой, перейдите в настройки dev (доступны по нажатию crtl+M)

Измените "Отладочный хост-сервер и порт для устройства" на "localhost:1234"

закройте приложение и запустите его из ящика приложения

надеюсь, это вам тоже поможет!!

user168012 28 июн '19 в 16:49 2019-06-28 16:49 · Answer 5 · 2019-06-28 16:49

Для меня эта ошибка была вызвана обновлением реагировать на родной

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

Если вы посмотрите обновление diff, вам нужно создать манифест отладки. android/app/src/debug/AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />
</manifest>

См. Для получения дополнительной информации: /questions/37330690/android-8-otkryityij-http-trafik-ne-razreshen/37330703#37330703

https://react-native-community.github.io/upgrade-helper/

user10065210 30 июл '19 в 12:48 2019-07-30 12:48 · Answer 6 · 2019-07-30 12:48

Вы можете попробовать следующее:

Добавьте эту строку в свой AndroidManifest.xml

<application
[...]
android:usesCleartextTraffic="true"
/>
[...]
</application>

34

Источник

user10065210 30 июл '19 в 12:48

user6852210 26 окт '19 в 14:40 2019-10-26 14:40 · Answer 7 · 2019-10-26 14:40

Просто добавьте три заставки: node_modules\metro-config\src\defaults\blacklist.js

замените эту часть:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

21

Источник

user6852210 26 окт '19 в 14:40

user9606851 25 ноя '19 в 01:08 2019-11-25 01:08 · Answer 8 · 2019-11-25 01:08

Сначала выполните шаги 4 и 5, затем вы сможете запустить свой проект. Если вы не получили результат (шаги 4 и 5), выполните следующие действия.

1- Попробуйте понизить версию своей Node (текущая версия12.13.1)

  choco uninstall nodejs
  choco install nodejs --version 12.8

2- Добавьте путь к модулю npm (C:\Users\your user name\AppData\Roaming\npm) в системные переменные вместо пользовательских переменных

3- Установите глобальную реакцию на собственный код с помощью команды

  npm install -g react-native-cli

4- Перейдите в корень каталога вашего проекта и выполните следующую команду:

  react-native start

5- Откройте другой терминал в корне вашего проекта и выполните следующую команду:

   react-native run-android

РЕДАКТИРОВАТЬ:

Вы используете Genymotion? Если да, сделайте следующий шаг:

Если после вышеуказанного шага вы получите следующую ошибку?

error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`.

Откройте свой genymotion и перейдите по ссылке:

genymotion menu -> Settings -> ADB -> Затем выберите use custom android sdk tools(щелкните по обзору, чтобы найти местоположение sdk)

Наконец, снова запустите свой проект..

user2106030 24 мар '21 в 16:57 2021-03-24 16:57 · Answer 9 · 2021-03-24 16:57

В моем случае Wi-Fi и мобильные данные эмулятора были отключены.

14

Источник

user2106030 24 мар '21 в 16:57

user3739382 11 ноя '19 в 12:24 2019-11-11 12:24 · Answer 10 · 2019-11-11 12:24

[Быстрый ответ]

После попытки решить эту проблему на своем рабочем месте я нашел решение.

Эта ошибка возникает из-за проблемы с Metro, использующим некоторые комбинации версий NPM и Node.

У вас есть 2 альтернативы:

Альтернатива 1: попробуйте обновить или понизить версию npm и узла.
Альтернатива 2: перейдите к этому файлу:\node_modules\metro-config\src\defaults\blacklist.js и измените этот код:
```
var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];
```
и измените на это:
```
var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];
```
Обратите внимание, что если вы запустите npm install или yarn install вам нужно снова изменить код.

user13424730 27 май '20 в 18:20 2020-05-27 18:20 · Answer 11 · 2020-05-27 18:20

Я столкнулся с таким же вопросом, а вслед за Реагировать 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 нравится:

"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 из командной строки каждый раз.

user8320469 21 дек '19 в 09:45 2019-12-21 09:45 · Answer 12 · 2019-12-21 09:45

Это сработало для меня после нескольких попыток.

В файле node_modules\metro-config\src\defaults\blacklist.js

Заменить:

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

с:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

надеюсь это поможет.

user6073671 14 ноя '19 в 01:38 2019-11-14 01:38 · Answer 13 · 2019-11-14 01:38

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

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

npm install
реагировать-родное начало
реагировать на запуск Android

И измените файл манифеста Android следующим образом.

<application
    android:name=".MainApplication"
    android:icon="@mipmap/ic_launcher"
    android:usesCleartextTraffic="true" // add this line with TRUE Value.
android:theme="@style/AppTheme">

user12085552 21 сен '19 в 15:50 2019-09-21 15:50 · Answer 14 · 2019-09-21 15:50

Если вы используете Linux, откройте терминал из корневого каталога приложения и запустите

npm start

затем откройте другое окно терминала и запустите:

react-native run-android

8

Источник

user12085552 21 сен '19 в 15:50

user6566310 17 янв '22 в 03:27 2022-01-17 03:27 · Answer 15 · 2022-01-17 03:27

В моем случае я пытался запустить приложение на эмуляторе. Но я получал это

Этот IP 10.0.2.2 был доступен из браузера эмулятора Chrome. Проблема в том, что этот IP-адрес не занесен в белый список в настройках сетевой безопасности Android. Итак, какой бы IP-адрес вы ни видели, добавьте его в настройки ниже, и все готово.

      ./android/app/src/main/AndroidManifest.xml

        <application
                android:name=".MainApplication"
+               android:usesCleartextTraffic="true"   <- Add this line
                android:allowBackup="true"
                android:label="@string/app_name"
                android:icon="@mipmap/ic_launcher"

./android/app/src/main/res/xml/network_security_config.xml
</network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
        <domain includeSubdomains="true">10.0.1.1</domain>
        <domain includeSubdomains="true">10.0.2.2</domain>
        <domain includeSubdomains="true">10.0.3.2</domain>
    </domain-config>
 </network-security-config>

Просто замените <domain includeSubdomains="true">10.0.2.2</domain>с IP-адресом, который вы видите в ошибке от react-native.

user2157510 03 дек '20 в 18:51 2020-12-03 18:51 · Answer 16 · 2020-12-03 18:51

Привет, ребята, комбинация двух тентов решила мою проблему. Это было связано с портом.

adb reverse tcp:8088 tcp:8088
react-native run-android --port=8088

При этом приложение нормально загрузилось с моего телефона, подключенного через USB. Я думаю, что мой AV или Vagrant или что-то еще на моем ПК использовали этот порт.

При необходимости вы можете заменить 8088 на что-нибудь другое.

Наслаждайтесь!

user2616446 11 окт '20 в 15:25 2020-10-11 15:25 · Answer 17 · 2020-10-11 15:25

Как и большинство из нас, я предполагаю, что вы работаете на VSCODE. В моем случае я побежал

npx реагирует на родное начало

от отдельного терминала

Теперь запустите npx react-native run-android со своего терминала в VSCODE.

7

Источник

user2616446 11 окт '20 в 15:25

user4397018 03 май '20 в 21:52 2020-05-03 21:52 · Answer 18 · 2020-05-03 21:52

Я уверен, что это некоторая комбинация других вещей, упомянутых здесь, например, разрешение открытого текста, которое я включил для localhost. Но это был последний кусок головоломки.

project.ext.react = [
    entryFile: "index.js",

    // ADD THESE THREE

    bundleAssetName: "index.android.bundle",
    bundleInDebug: true,
    bundleInRelease: true
]

РН: 0,61,3

user11860993 31 июл '19 в 01:46 2019-07-31 01:46 · Answer 19 · 2019-07-31 01:46

После нескольких часов в поисках ответа. Решением было сделать узел понижения до версии 12.4.

В моем случае я понимаю, что ошибка только что происходит в версии реакции 0,60 с версией узла 12,6.

5

Источник

user11860993 31 июл '19 в 01:46

user8034839 17 май '19 в 06:42 2019-05-17 06:42 · Answer 20 · 2019-05-17 06:42

Мое решение этого, как показано ниже:

Запустить Metro сервер

$ react-native start

Запустить Android

$ react-native run-android

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

$ react-native start

См. React Native Страница устранения неполадок.

user562073 13 июл '20 в 16:48 2020-07-13 16:48 · Answer 21 · 2020-07-13 16:48

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

Мне удалось решить эту проблему, выполнив в терминале следующую команду:

adb reverse tcp:8081 tcp:8081

user9500988 10 ноя '19 в 15:43 2019-11-10 15:43 · Answer 22 · 2019-11-10 15:43

Я тоже столкнулся с этой проблемой. Я решил этот следующий шаг.

Проверьте путь к sdk android в Environment Veritable.

добавлятьANDROID_HOME = C:\Users\user_name\AppData\Local\Android\Sdkв системной переменной
и C:\Users\user_name\AppData\Local\Android\Sdk\platform-toolsпуть в системной переменной

замените sharedBlacklist как ниже сегмент кода,

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

в node_modules/metro-config/src/default/blacklist.js

Затем запустите npx response-native run-android --port 9001

Удачного кодирования..!

user3492833 30 май '19 в 06:00 2019-05-30 06:00 · Answer 23 · 2019-05-30 06:00

Я просто хочу добавить неочевидную возможность, не описанную здесь. Я использую @ response-native-community / netinfo для обнаружения сетевых изменений, в первую очередь состояния сети. Чтобы проверить состояние отключения сети, переключатель WIFI (на эмуляторе) необходимо отключить. Это также эффективно отсекает мост между эмулятором и средой отладки. Я не включил WIFI после тестов, так как был далеко от компьютера и сразу же забыл об этом, когда вернулся.

Существует вероятность того, что это может иметь место и для кого-то другого, и его стоит проверить, прежде чем предпринимать какие-либо другие радикальные шаги.

user10630632 26 июл '19 в 01:19 2019-07-26 01:19 · Answer 24 · 2019-07-26 01:19

У меня возникла та же проблема, проблема для меня заключалась в том, что adb находился не в правильном пути к среде, ошибка говорит о том, что вы используете порт метро, а когда вы находитесь в adb, порты уничтожаются и перезапускаются.

Добавить переменную среды (ADB)

Переменные открытой среды
Выберите переменную PATH второго кадра и нажмите кнопку "Изменить" ниже.
Нажмите на опцию добавить
Отправьте путь инструментов платформы SDK C:\Users\ My User \AppData\Local\Android\Sdk\platform-tools

Примечание: или в зависимости от того, где находится adb.exe на вашем компьютере

Сохранить изменения

Запустите сборку Android снова

$ react-native run-android

Или же

$ react-native start

$ react-native run-android

user785673 26 ноя '20 в 12:03 2020-11-26 12:03 · Answer 25 · 2020-11-26 12:03

Вот как я решил эту проблему, не касаясь сборки:

1- Закрыл виртуальное устройство

2- Протестировано на физическом устройстве -(работает)

3- Создано новое виртуальное устройство с API 30 Android 10+

4- Попробуйте еще раз на вновь созданном виртуальном устройстве, и все заработает как шарм.

user1329061 02 сен '19 в 12:15 2019-09-02 12:15 · Answer 26 · 2019-09-02 12:15

В моем случае я установил прокси в своем эмуляторе. После удаления прокси он снова работает.

3

Источник

user1329061 02 сен '19 в 12:15

user3143487 11 окт '19 в 12:29 2019-10-11 12:29 · Answer 27 · 2019-10-11 12:29

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

 export ANDROID_HOME=/Users/microrentindia/Library/Android/sdk/
 export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

3

Источник

user3143487 11 окт '19 в 12:29

user7994269 14 окт '19 в 21:06 2019-10-14 21:06 · Answer 28 · 2019-10-14 21:06

Решение, которое сработало для меня, следующее:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

https://s tackru.com/images/090df91b367a583aca36a75486608a2379c14f73.png

2

Источник

user7994269 14 окт '19 в 21:06

user6561533 25 авг '20 в 16:13 2020-08-25 16:13 · Answer 29 · 2020-08-25 16:13

Я столкнулся с подобной проблемой. npx react-native init создает файл.gitignore, который игнорирует <project>/android/app/src/debugпапка. Если вы позже клонировали этот проект, эта папка отсутствовала бы. Решение простое. В будущем добавьте эту строку в конец файла.gitignore.

!android/app/src/debug

Для вашего текущего проекта попросите создателя проекта зафиксировать эту папку. Я столкнулся с этой ошибкой, когда реагировал на родную версию 0.63

user1071145 19 мар '20 в 08:53 2020-03-19 08:53 · Answer 30 · 2020-03-19 08:53

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

Создать файл в android / app / src / main / assets
Выполните следующую команду:

пакет response-native --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

Теперь запустите свою команду для сборки, например, для run-android с реакцией.