No se puede cargar la secuencia de comandos de los activos index.android.bundle en Windows

Estoy tratando de ejecutar mi primer proyecto React Native por primera vez en mi dispositivo (Android 4.2.2).

Y obtengo:

no se puede cargar el script desde los activos index.android.bundle

Comandos que usé:

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

Me encontré con el mismo problema mientras seguía el tutorial React Native (desarrollo en Linux y apuntado a Android).

Este problema me ayudó a resolver el problema en los siguientes pasos.

1. (en el directorio del proyecto) 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

Puede automatizar los pasos anteriores colocándolos en scriptsparte de package.jsonesta manera:

"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"

Entonces puede ejecutar npm run android-linuxdesde su línea de comando cada vez.

Si está ejecutando su aplicación en un dispositivo físico y obtiene este error

unable to load script from assets index.android.bundle

intente ejecutar el comando:

adb reverse tcp:8081 tcp:8081

Funcionó para mí ...

Pasé horas tratando de resolver este problema. Mi problema no era específico de Windows, pero es específico de Android.

El acceso al servidor de desarrollo funcionaba localmente y en el navegador del emulador. Lo único que no funcionó fue acceder al servidor de desarrollo en la aplicación.

A partir de Android 9.0 (API nivel 28), la compatibilidad con texto sin formato está deshabilitada de manera predeterminada.

AndroidManifest.xml

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

Consulte para obtener más información: https://stackoverflow.com/a/50834600/1713216

Uso de npm versión 4.3.0 react-native-cli versión 2.01 react-native versión 0.49.5

En el directorio del proyecto,

• 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

El nombre del archivo ha cambiado de index.android.js a index.js

Me he enfrentado al mismo problema con un dispositivo Android real.

Solución: basada en esta respuesta de Niltoid

1. Encuentra tu IP local
2. Abra la aplicación y agite su dispositivo Android
3. Vaya a Configuración de desarrollo y> Servidor de depuración ...
4. Pegue su IP y puerto; XXXX: 8088 "(donde las X son su IP local)

para usuarios de Mac: abra su preferencia de red, aquí obtendrá su IP local.

Si está utilizando Windows, ejecute los comandos de la siguiente manera, o si obtiene un error "No se puede encontrar el archivo de entrada 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

Puede seguir las instrucciones mencionadas en la página oficial para solucionar este problema. Este problema ocurre en un dispositivo real porque el paquete JS se encuentra en su sistema de desarrollo y la aplicación dentro de su dispositivo real no es consciente de su ubicación.

Tuve el mismo problema en Mac. Después de pasar 2 días, finalmente pude obtener funciona.

Desde entonces Emulator cellular data was turned off, estaba recibiendo elunable to load script from assets index.android.bundle make sure your bundle is running .

Asegúrese de que Emulator cellular data is turned onal hacer este servidor de paquetes haya podido agruparse index.android.js. Espero que ayude a alguien que está en fase de desarrollo.

He tenido este mismo problema durante varios meses. Inicialmente utilicé la solución de @ Jerry, sin embargo, esta fue una resolución falsa ya que no solucionó completamente el problema. En cambio, lo que hizo fue tomar cada compilación como una compilación de producción, lo que significa que cualquier pequeño cambio que haya realizado en la aplicación significaría que es necesario reconstruir toda la aplicación.

Si bien esta es una solución temporal, funciona horriblemente a largo plazo ya que ya no puede aprovechar las increíbles herramientas de desarrollo de React Native, como la recarga en caliente, etc.

Se muestra una solución adecuada:

En su MainApplication.javaarchivo, reemplace lo siguiente:

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

con

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

como por alguna razón BuildConfig.DEBUGsiempre devolvió falso y resultó en un archivo de paquete en el directorio de activos.

Al establecer manualmente esto en verdadero, está obligando a la aplicación a usar el empaquetador. Esto NO funcionará en producción, así que asegúrese de cambiarlo a falso o al valor predeterminado.

No olvides también correr

$ adb reverse tcp:8081 tcp:8081

1 Vaya al directorio de su proyecto y verifique si esta carpeta existe android/app/src/main/assets

1. Si existe, elimine dos archivos a saber index.android.bundleyindex.android.bundle.meta
2. Si los activos de la carpeta no existen, cree el directorio de activos allí.

2. Desde el directorio del proyecto raíz

cd android && ./gradlew clean

3. Finalmente, navegue de regreso al directorio raíz y verifique si hay un solo archivo de entrada llamadoindex.js

• Si solo hay un archivo, es decir, index.js, ejecute el siguiente comando 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

• Si hay dos archivos, es decir, index.android.js e index.ios.js, ejecute esto 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. Ahora corre react-native run-android

OS: Windows

Otra forma de resolver este problema después de probar los dos métodos anteriores
(porque instalé SDK no en UBICACIÓN PREDETERMINADA como C: \ users \ "user_name" \ appdata \ local \ sdk )

Si notó que la línea de comando anunciaba: "'adb' no se reconoce como un comando interno o externo ..."

Así es como lo supero:
Ejemplos: instalé SDK en D: \ Android \ sdk
Así que insertaré la ruta en las Variables del sistema 2 líneas más:

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

(Si no sabe cómo editar las variables de sistema de ruta, este es el tema: /android/38321/what-do-i-type-in-path-variable-for-adb- servidor-a-inicio-desde-cmd / 38324 )

Luego ejecuto cmd nuevamente: react-native run-android

Funcionó para mi.

En mi caso, he eliminado la línea de abajo de MainApplication.java. (Que previamente he agregado por error por mí) :

import com.facebook.react.BuildConfig;

Después de ese proyecto limpio y comando de golpe

reaccionar nativo run-android

Para iOS:

En una terminal:

cd ios

Elimine la carpeta de compilación con: rm -r build

Corre de nuevo: react-native run-ios

Alternativamente, puede abrir Finder, navegar a YOUR_PROJECT / ios y eliminar la carpeta de compilación .

Luego corre de nuevo: react-native run-ios

Para Android:

En una terminal:

cd android/app

Elimine la carpeta de compilación con: rm -r build

Corre de nuevo: react-native run-android

Alternativamente, puede abrir Finder, navegar a YOUR_PROJECT / android / app y eliminar la carpeta de compilación .

Luego corre de nuevo: react-native run-android

Para este problema, lo soluciono ejecutando:

react-native start

entonces

adb reverse tcp:8081 tcp:8081

en la línea de comando. Y luego puedo correr:

react-native run-android

Entonces no perderé mi tiempo en correr:

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

cada vez.

También estaba enfrentando este problema porque cuando ejecuto proyectos en el emulador funciona bien, pero en un dispositivo real da este error. Entonces resuelvo este problema con la siguiente solución

1er paso: en primer lugar, abra cmd y vaya a la carpeta de herramientas de plataforma de su administrador de SDK

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

2do paso : ahora ejecuta este comando:

adb devices

después de este comando, verifique su dispositivo en el símbolo del sistema

3er paso : ahora ejecuta esto

adb reverse tcp:8081 tcp:8081

Ahora tu configuración ha terminado

4to paso : Ve al directorio de tu proyecto y ejecuta este comando

react-native run-android

Ubuntu

primera vez, creé una nueva aplicación con react-native init project-name. Tengo el mismo error. así que hago los siguientes pasos para resolver esto en mi caso.

1. Primero corre sudo chown user-name-of-pc /dev/kvmen mi caso.

2. Mientras depura desde su teléfono Android, seleccione Use USB to Transfer photos (PTP).

3. Crear carpeta assetsen project-name / android / app / src / main

4. asegúrese de index.jsestar disponible en el root directorio de su proyecto y luego ejecute el siguiente comando desde la consola después del cd project-namedirectorio.

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

o para index.android.js entonces

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. ejecutar comando ./studio.shen el android-studio/bindirectorio Se abrirá Android Studio.

6. orden de marcha react-native run-android.

Asegúrese de que Metro Builder se esté ejecutando para sincronizar su dispositivo físico y el servidor

Primero, ejecute este comando para ejecutar Metro Builder

npm start

Entonces puede comenzar la compilación en reaccionar nativo

reaccionar nativo run-android

No debería haber ningún error esta vez. Si desea que su código esté en vivo, vuelva a cargar el cambio. Agite su dispositivo y luego toque Activar recarga en vivo

Asegúrese de haber agregado / path / to / sdk / platform-tools a su variable de ruta.

Cuando ejecuta react-native run-android, ejecuta adb reverse tcp: <device-port> tcp: <local-port> comando para reenviar la solicitud desde su dispositivo al servidor que se ejecuta localmente en su computadora. Verá algo como esto si no se encuentra 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 }

Puede ser causado por activos no vinculados en su base de código de proyecto React Native, como cuando cambia el nombre de su aplicación de proyecto / ID de paquete o agrega un paquete externo sin vincularlo, por ejemplo.

Simplemente pruébelo en el directorio raíz de su proyecto:

react-native link

react-native run-android

Si al ejecutar el react-native run-androidcomando, la segunda línea de la traza es

JS server not recognized, continuing with build...

significa que el empaquetador para la aplicación no se puede iniciar y la aplicación no se cargará sin algunos pasos adicionales. Tenga en cuenta que el final de la traza aún informa éxito:

BUILD SUCCESSFUL

El problema es probablemente un conflicto de puertos (en mi caso, era el sitio predeterminado de IIS que olvidé por completo). Otra manifestación del problema sería una falla al abrirhttp://localhost:8081/debugger-ui URL en Chrome.

Una vez que se resuelva el conflicto del puerto, el seguimiento informará

Starting JS server...

entonces se abrirá una ventana de Nodo adicional ( node ...cli.js start) y la aplicación se cargará / volverá a cargar con éxito.

Después de eso, debería poder abrir la consola de depuración en Chrome con http://localhost:8081/debugger-ui.

Tuve el mismo problema incluso cuando se ejecutaba en un simulador. Hice una solución rápida para poder tener el flujo de trabajo de desarrollo normal.

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";
  }
};

Probablemente tendrá que revertir el cambio cuando intente hacer una compilación de producción.

Tuve un problema con McAfee en mi puerto de bloqueo de mac 8081, tuve que cambiarlo a 8082.

Primero ejecute su servidor de paquetes:

react-native start --port 8082

Abra otra terminal, inicie la aplicación de Android como de costumbre:

react-native run-android

Una vez que termine, ahora reescriba el puerto tcp que adb tunnel:

adb reverse tcp:8081 tcp:8082

Vea la lista de túneles adb tcp:

adb reverse --list

Ahora debería ver un mensaje conmovedor:

(reverse) tcp:8081 tcp:8082

Vaya a su aplicación y vuelva a cargar, ¡listo!

PD: No cambie nada en la configuración de desarrollo de la aplicación, si agregó "localhost: 8082", simplemente elimínelo, déjelo en blanco.

EDITAR: Para todas las víctimas de McAfee, existe una solución más fácil si tiene acceso a la raíz, simplemente elimine temporalmente el proceso de McAfee en el puerto 8081 y no necesite ningún cambio de puerto:

sudo launchctl remove com.mcafee.agent.macmn

Creo que no tienes hilo instalado, intenta instalarlo con chocolate o algo así. Debe instalarse antes de crear su proyecto (comando react-native init).

No es necesario crear un directorio de activos.

Responda si no funciona.

Editar: en la versión reciente de react-native lo han arreglado. Si desea liberarse por completo de esto, simplemente desinstale el nodo (para una desinstalación completa, elimine completamente el nodo, consulte este enlace) y vuelva a instalar el nodo, react-native-cli y luego cree su nuevo proyecto.

no olvide encender internet en el dispositivo emulador, resolví este error, funciona perfecto: V Recibo este error porque apago internet para probar NetInfo: D

Este es un mensaje de error general que puede haber encontrado durante el desarrollo de la aplicación nativa de reacción. Entonces, en este tutorial, vamos a proporcionar una solución a este problema.

Descripción del problema: No se puede cargar la secuencia de comandos de los activos index.android.bundle en Windows No se puede cargar la secuencia de comandos de los activos index.android.bundle en Windows

Siga los pasos a continuación para resolver el problema anterior:

Paso 1: Cree la carpeta "activos" dentro del directorio de su proyecto Ahora cree la carpeta de activos dentro del directorio del proyecto que es "MobileApp \ android \ app \ src \ main". Puede crear manualmente la carpeta de activos:

<O>

puedes crear una carpeta usando el comando también. Comando: mkdir android / app / src / main / assets

Paso 2: Ejecuta tu aplicación React Native Vamos a ejecutar el siguiente comando para ejecutar la aplicación React Native en el emulador o dispositivo físico.

Cambie al directorio del proyecto. cd MobileApp

Ejecute el siguiente comando que ayuda a agrupar su proyecto de aplicación de Android.

paquete react-native --plataforma android --dev falso --intry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res

Ejecute el paso final para ejecutar la aplicación nativa de reacción en el emulador o dispositivo físico. react-native run-android

<O>

También puede combinar los dos últimos comandos en uno. En este caso, debe ejecutar el comando solo una vez.

paquete react-native --plataforma android --dev falso --intry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res && react-native run-android

<O>

Puede automatizar los pasos anteriores colocándolos en scripts que forman parte de package.json de esta manera:

"android-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 && react-native run-android "

Si todo está configurado correctamente, debería ver su nueva aplicación ejecutándose en su emulador de Android en breve.

Sigue esto, trabajó para mí.

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

Vaya al directorio de su proyecto y verifique si esta carpeta existe android / app / src / main / assets i) Si existe, elimine dos archivos, a saber index.android.bundle e index.android.bundle.meta ii) Si los activos de la carpeta no existe, luego cree el directorio de activos allí.

Desde el directorio raíz del proyecto, haga cd android && ./gradlew clean

Finalmente, navegue de regreso al directorio raíz y verifique si hay un solo archivo de entrada llamado index.js i) Si solo hay un archivo, es decir index.js, ejecute el siguiente comando 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

ii) Si hay dos archivos, es decir, index.android.js e index.ios.js, ejecute este paquete react-native --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

Ahora ejecute react-native run-android

Acabo de encontrar exactamente el mismo problema y lo resolví. Así que espero ser de ayuda.

Supongamos que está ensamblando un paquete de aplicación de lanzamiento (.apk)

1. Compruebe si su carpeta de activos existe ?: \ android \ app \ src \ main \ assets Si no, cree uno.

2. Después de ejecutar "Assemble Release", verifique si hay algo en esa carpeta (\ android \ app \ src \ main \ assets) Si no, encuentre el archivo de paquete js ( index.android.bundle ), que debería estar en más de uno de los siguientes caminos:

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

   b) \ android \ app \ build \ intermedios \ merged_assets \ release \ mergeReleaseAssets \ out \ index.android.bundle

   c) \ android \ app \ build \ intermedios \ assets \ release \ index.android.bundle

   d) \ android \ app \ build \ generate \ assets \ react \ release \ index.android.bundle *

Una mejor manera es usar "Todo" para buscar el nombre del archivo: index.android.bundle.

3. Luego copie este archivo en su carpeta de activos (\ android \ app \ src \ main \ assets \ index.android.bundle)

4. Regrese a powershell o consola de comandos, ejecute:

react-native run-android --variant = release

Deberia de funcionar.

¡Buena suerte!

cuando actualizo react-native a 0.49.5, aparece este problema y cuando seguí esto Rompiendo cambios y desaprobaciones

desapareció.

Estoy enfrentando este problema, mucha búsqueda y resolví ese problema.

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

Que ejecutar el reactivo nativo:

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

Para todos ustedes que están desarrollando desde una aplicación create-react-native y expulsados, y tienen este problema development, esto es lo que funcionó para mí, solo un pequeño detalle de la respuesta aceptada

(en el directorio del proyecto) mkdir android / app / src / main / assets

aquí viene la parte que cambia porque estás en desarrollo, deshazte de la --dev: falseparte:

paquete react-native --plataforma android --intry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res

después de eso, cierre todas las terminales, borre la carpeta de compilación de android / app / para asegurarse de comenzar limpiamente para construir su aplicación, abra una nueva terminal y

(en el directorio del proyecto) npm ejecutar android

preguntará a la consola del empaquetador (en otra terminal) y construirá con éxito