No se puede cargar el script desde el índice de activos.androide.paquete en windows

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

unable to load script from assets index.android.bundle

Intente ejecutar el comando:

adb reverse tcp:8081 tcp:8081

Funciona para Mí...

Usando 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.androide.js a index.js

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

Solución: Basado en esta respuesta {[4] } por Niltoid

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

Para el usuario 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 índice de archivos de entrada.androide.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 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.

Tuvo el mismo problema en mac, Después de pasar 2 días que finalmente fue capaz de conseguir está trabajando.

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

Asegúrese de que su Emulator cellular data is turned on haciendo este servidor de paquetes fue capaz de agrupar index.android.js. Espero que ayude a alguien que está en fase de desarrollo.

OS: Windows

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

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

Así que así es como lo supero:
Ejemplos: Instalé SDK en D:\Android\sdk
Así que voy a insertar 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 del Sistema de rutas, este es el tema: https://android.stackexchange.com/questions/38321/what-do-i-type-in-path-variable-for-adb-server-to-start-from-cmd/38324)

Luego corro cmd de nuevo: react-native run-android

Funcionó para mí.

He tenido este mismo problema desde hace varios meses. Inicialmente utilicé la solución de @Jerry's sin embargo, esta fue una resolución falsa ya que no solucionó completamente el problema. En su lugar, 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 hecho 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 hacer uso de las increíbles herramientas de desarrollo de React Native como la recarga en caliente, etc.

Una solución adecuada se muestra:

En su archivo MainApplication.java, reemplace lo siguiente:

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

Con

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

Por alguna razón BuildConfig.DEBUG siempre devuelve false y da como resultado un archivo bundle en el directorio assets.

Al establecer manualmente esto en true, está forzando a la aplicación a usar el empaquetador. Esto no funcionará en producción, así que asegúrate de cambiarlo a false o al valor predeterminado.

No olvides también ejecutar

$ adb reverse tcp:8081 tcp:8081

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

Cuando ejecuta react-native run-android, ejecuta el comando adb reverse tcp: tcp: para reenviar la solicitud desde su dispositivo al servidor que se ejecuta localmente en su computadora. Verás algo como esto si adb no se encuentra.

/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 }

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

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 al intentar hacer una compilación de producción.

Puede ser causado por activos no vinculados en la base de código de tu proyecto React Native, como cuando cambias el nombre de tu id de aplicación/paquete del proyecto o agregas un paquete externo sin vincularlo correctamente, por ejemplo.

Simplemente inténtelo en el directorio raíz de su proyecto:

react-native link

react-native run-android

Para IOS:

En una terminal:

cd ios

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

Ejecutar de nuevo: react-native run-ios

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

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

Ejecutar de nuevo: react-native run-android

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

Luego corre de nuevo: react-native run-android

Ubuntu

La 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. En primer lugar ejecutar sudo chown user-name-of-pc /dev/kvm en mi caso.

2. Mientras depuras desde tu teléfono Android, selecciona Use USB to Transfer photos (PTP).

3. Crear carpeta assets en nombre del proyecto/android/app/src / main

4. asegúrese de que index.js esté disponible en el directorio de su proyecto root y luego ejecute el comando debajo desde la consola después de cd project-name directorio.

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 el índice.androide.js then

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

1. Ejecute el comando ./studio.sh en el directorio android-studio/bin. Se abrirá Android Studio.

2. Ejecutar comando react-native run-android.

Si al ejecutar el comando react-native run-android 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 todavía informa de éxito:

BUILD SUCCESSFUL

El problema es probablemente algún conflicto de puertos (en mi caso fue el sitio predeterminado de IIS del que me olvidé por completo). Otra manifestación del problema sería un fracaso para abrir http://localhost:8081/debugger-ui URL en Chrome.

Una vez que el conflicto de puertos se resuelve el trace reportará

Starting JS server...

Luego se abrirá una ventana de nodo adicional (node ...cli.js start) y la aplicación cargará/recargará correctamente.

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

Para este problema solo lo resuelvo ejecutando:

react-native start

Luego

adb reverse tcp:8081 tcp:8081

En la línea de comandos. Y entonces puedo ejecutar:

react-native run-android

Así que no perderé mi tiempo para 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.

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

Primero ejecute su servidor de paquetes:

react-native start --port 8082

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

react-native run-android

Una vez que termine, ahora reescriba el puerto tcp que adb túneles:

adb reverse tcp:8081 tcp:8082

Ver la lista de túneles adb tcp:

adb reverse --list

Ahora deberías ver un mensaje conmovedor:

(reverse) tcp:8081 tcp:8082

Ir a su aplicación y recargar, hecho!

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

EDITAR: Para todas las víctimas de McAfee, hay una solución más fácil si tiene acceso de root, simplemente elimine temporalmente el proceso de McAfee sentado en el puerto 8081 y no necesita ningún cambio de puerto:

sudo launchctl remove com.mcafee.agent.macmn

Creo que no tienes hilo instalado intenta instalarlo con chocolatey o algo así. Debe ser instalado antes de crear su proyecto (react-native init command).

No es necesario crear el directorio assets.

Responde si no funciona.

Editar: En la versión reciente de react-native lo han arreglado. Si desea una completa libertad de este solo desinstale el nodo (Para la desinstalación completa Elimine completamente el nodo consulte este enlace) y reinstala node, react-native-cli y crea tu nuevo proyecto.

También me enfrentaba a este problema porque cuando corro proyectos en el emulador funciona bien, pero en el dispositivo real da esto error.SO resuelvo este problema con la siguiente solución

1er paso: En primer lugar, abra cmd y vaya a su carpeta sdk manager Platform-tools es decir, cd C:Development\Android\Sdk\Platform-tools

2do paso: ahora ejecute este comando : dispositivos adb

Después de este comando, verifique su dispositivo listado en command propmt

3er paso: ahora ejecuta esto adb reverse tcp: 8081 tcp:8081

Ahora su configuración ha terminado

4to paso: VAYA al directorio de su proyecto y ejecute este comando

React-native run-android

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

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

Luego ejecuta el react native:

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

No olvides activar Internet en el dispositivo emulador, He resovled este error, funciona perfecto: V Obtengo este error porque apago Internet para probar NETinfo: D

Para todos ustedes que están desarrollando desde una aplicación create-react-native y expulsada, y tienen este problema en 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 parte --dev: false:

React-native bundle platform platform android file entry-file Indice.js output salida de paquete android / app/src/main / assets / index.androide.paquete assets activos-dest android/app/src/main/res

Después de que cierre todos los terminales, borre la carpeta de compilación de android / app / para asegurarse de comenzar limpio para compilar su aplicación, abra un nuevo terminal y

(en el directorio del proyecto) npm ejecutar android

Le preguntará a la consola del empaquetador (en otro terminal) y compilará correctamente

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

1. Si existe, elimine dos archivos: index.android.bundle y index.android.bundle.meta
2. Si la carpeta assets no existe, cree el directorio assets allí.

2.Desde el directorio raíz del proyecto do

cd android && ./gradlew clean

3.Finalmente, vuelva al directorio raíz y compruebe si hay un solo archivo de entrada llamado index.js

• Si solo hay un archivo, es decir, index.js luego ejecuta el siguiente mando 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, índice.androide.js e index.ios.js entonces ejecuta 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

  1. Ahora corre react-native run-android

Este problema también puede ser causado por los datos celulares del dispositivo / emulador desactivados. Asegúrate de revisar eso.

Para este error :"no se puede cargar el script desde el índice de activos.androide.paquete'"

1). compruebe la carpeta "assets" en : mkdir android\app\src\main\assets

Si la carpeta no está disponible ,cree manualmente la carpeta con el nombre "assets". y ejecutar el comando Curl en terminal.

2). Comando Curl: curl " http://localhost:8081/index.androide.¿bulto?platform = android "- o"android/app/src/main/assets/index.androide.paquete"

Creará el " índice.androide.paquete" archivar en la carpeta assets automáticamente y resolver el problema.

3). react-native run-android

Chipping en una sugerencia obvia que funcionó para mí. Elimine la aplicación, reinicie el servidor e implemente de nuevo desde sus herramientas al dispositivo.

Tuve este problema cuando estaba tratando de depurar mi código, (al usar Toggle inspector en mi teléfono Android y el desarrollo de react), hice estos sencillos pasos:

1. Abrir menú en el teléfono (donde está la recarga, puedo abrirlo presionando el botón atrás o Agitando el teléfono ) introduzca aquí la descripción de la imagen
2. tap Configuración de desarrollo
3. en Debugging - > Debug Server host & port for device debe estar vacío Nota: si escribiste port o algo aquí (para depurar ) deberías despejen.

Encontré este problema no con un dispositivo real, sino con un emulador. Lo arreglé ejecutando react - native start en el terminal antes de intentar ejecutar el código con android Studio. Nunca me encontré con este problema al ejecutar react-native run-android en el terminal.

Lo resuelvo por este cmd:

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p