Impossibile caricare lo script dalle risorse index.android.bundle su Windows

Sto provando a eseguire il mio primo progetto React Native per la prima volta sul mio dispositivo (Android 4.2.2).

E ottengo:

impossibile caricare lo script dalle risorse index.android.bundle

Comandi che ho usato:

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

Ho riscontrato lo stesso problema seguendo il tutorial di React Native (sviluppo su Linux e targeting per Android).

Questo problema mi ha aiutato a risolvere il problema nei seguenti passaggi.

1. (nella directory del progetto) 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

Puoi automatizzare i passaggi precedenti posizionandoli in scriptsparte in package.jsonquesto modo:

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

Quindi puoi semplicemente eseguire npm run android-linuxdalla tua riga di comando ogni volta.

Se si esegue l'applicazione sul dispositivo fisico e si riceve questo errore

unable to load script from assets index.android.bundle

prova a eseguire il comando:

adb reverse tcp:8081 tcp:8081

Ha funzionato per me ...

Ho passato ore a cercare di capire questo problema. Il mio problema non era specifico di Windows ma è specifico di Android.

L'accesso al server di sviluppo ha funzionato localmente e nel browser dell'emulatore. L'unica cosa che non funzionava era l'accesso al server di sviluppo nell'app.

A partire da Android 9.0 (livello API 28), il supporto testo in chiaro è disabilitato per impostazione predefinita.

AndroidManifest.xml

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

Per ulteriori informazioni: https://stackoverflow.com/a/50834600/1713216

Utilizzando npm versione 4.3.0 reazioni-native-cli versione 2.01 reazioni-native 0.4.4.5

Nella directory del progetto,

• 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

Il nome del file è stato modificato da index.android.js a index.js

Ho riscontrato lo stesso problema con un vero dispositivo Android.

Soluzione: sulla base di questa risposta di Niltoid

1. Trova il tuo IP locale
2. Apri l'app e agita il tuo dispositivo Android
3. Vai a Impostazioni Dev e> Debug Server ...
4. Incolla il tuo IP e la tua porta; XXXX: 8088 "(dove le X sono il tuo IP locale)

per utente Mac: apri le tue preferenze di rete, qui otterrai il tuo IP locale.

Se si utilizza Windows, eseguire i comandi nel modo seguente o se viene visualizzato un errore "Impossibile trovare il file di voce 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

È possibile seguire le istruzioni menzionate nella pagina ufficiale per risolvere questo problema. Questo problema si verifica sul dispositivo reale perché il bundle JS si trova sul sistema di sviluppo e l'app all'interno del dispositivo reale non è a conoscenza della sua posizione.

Ho avuto lo stesso problema con Mac, dopo aver trascorso 2 giorni sono stato finalmente in grado di farlo funzionare.

Da allora Emulator cellular data was turned off, stavo ottenendo ilunable to load script from assets index.android.bundle make sure your bundle is running .

Assicurati che Emulator cellular data is turned onfacendo questo pacchetto server sia stato in grado di raggruppare index.android.js. Spero che sia d'aiuto per qualcuno che è in fase di sviluppo.

Ho avuto lo stesso problema da diversi mesi. Inizialmente ho usato la soluzione di @ Jerry, questa era una falsa risoluzione in quanto non risolveva completamente il problema. Invece, ciò che ha fatto è stato prendere ogni build come build di produzione, il che significa che qualsiasi leggera modifica apportata all'app avrebbe comportato la necessità di ricostruire l'intera app.

Sebbene questa sia una soluzione temporale, funziona in modo orribile a lungo termine poiché non sei più in grado di avvalerti degli incredibili strumenti di sviluppo di React Native come la ricarica a caldo, ecc.

Viene mostrata una soluzione adeguata:

Nel tuo MainApplication.javafile, sostituisci quanto segue:

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

con

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

poiché per qualche motivo ha BuildConfig.DEBUGsempre restituito false e ha generato un file bundle nella directory delle risorse.

Impostando manualmente questo su true, stai forzando l'app a utilizzare il packager. Questo NON funzionerà in produzione, quindi assicurati di cambiarlo in falso o il valore predefinito.

Non dimenticare anche di correre

$ adb reverse tcp:8081 tcp:8081

1 Vai alla directory del tuo progetto e controlla se questa cartella esiste android/app/src/main/assets

1. Se esiste, elimina due file, vale a dire index.android.bundleeindex.android.bundle.meta
2. Se gli asset della cartella non esistono, crea lì la directory degli asset.

2.Dalla directory principale del progetto

cd android && ./gradlew clean

3. Infine, tornare alla directory principale e verificare se esiste un singolo file di voci chiamatoindex.js

• Se esiste un solo file, ad esempio index.js, eseguire il comando seguente 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

• Se ci sono due file, ad esempio index.android.js e index.ios.js, esegui questo 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. Adesso corri react-native run-android

Sistema operativo: Windows

Un altro modo per risolvere questo problema dopo aver provato due metodi sopra
(perché ho installato SDK non in LOCATION DEFAULT come C: \ users \ "nome_utente" \ appdata \ local \ sdk )

Se hai notato che la riga di comando ha annunciato: "'adb' non è riconosciuto come comando interno o esterno ..."

Quindi è così che vado oltre:
Esempi: ho installato SDK in D: \ Android \ sdk
Quindi inserirò il percorso in altre variabili di sistema 2 righe:

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

(Se non sai come modificare le variabili di sistema del percorso, ecco l'argomento: /android/38321/what-do-i-type-in-path-variable-for-adb- server-to-start-from-cmd / 38324 )

Quindi eseguo di nuovo cmd: react-native run-android

Ha funzionato per me.

Nel mio caso, ho rimosso la riga sotto da MainApplication.java. (Che è stato precedentemente erroneamente aggiunto da me.) : -

import com.facebook.react.BuildConfig;

Dopo quel progetto pulito e premi il comando

reatt-native run-android

Per IOS:

In un terminale:

cd ios

Rimuovi la cartella di build con: rm -r build

Eseguire di nuovo: react-native run-ios

In alternativa, puoi aprire Finder, accedere a YOUR_PROJECT / ios ed eliminare la cartella di generazione .

Quindi eseguire di nuovo: react-native run-ios

Per ANDROID:

In un terminale:

cd android/app

Rimuovi la cartella di build con: rm -r build

Eseguire di nuovo: react-native run-android

In alternativa, puoi aprire Finder, accedere a YOUR_PROJECT / android / app ed eliminare la cartella di generazione .

Quindi eseguire di nuovo: react-native run-android

Per questo problema, lo risolvo semplicemente eseguendo:

react-native start

poi

adb reverse tcp:8081 tcp:8081

dalla riga di comando. E poi posso correre:

react-native run-android

Quindi non perderò il mio tempo a correre:

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

ogni volta.

Stavo anche affrontando questo problema perché quando eseguo progetti sull'emulatore funziona bene ma su un dispositivo reale dà questo errore. Quindi risolvo questo problema con la seguente soluzione

1 ° passo: prima di tutto apri cmd e vai alla tua cartella SDK Manager Platform-tools

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

2 ° passo : ora esegui questo comando:

adb devices

dopo questo comando controlla il tuo dispositivo elencato nel prompt dei comandi

3 ° passo : ora esegui questo

adb reverse tcp:8081 tcp:8081

Ora la tua configurazione è terminata

4 ° passo : vai alla directory del tuo progetto ed esegui questo comando

react-native run-android

Ubuntu

la prima volta, ho creato una nuova app con react-native init project-name. Ho avuto lo stesso errore. quindi faccio i seguenti passi per risolvere questo problema nel mio caso.

1. Prima di tutto corri sudo chown user-name-of-pc /dev/kvmnel mio caso.

2. Durante il debug dal tuo telefono Android, seleziona Use USB to Transfer photos (PTP).

3. Crea cartella assetsin nome progetto / android / app / src / main

4. assicurati di index.jsessere disponibile nella root directory del tuo progetto, quindi esegui il comando seguente dalla console dopo la cd project-namedirectory.

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 per index.android.js quindi

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. eseguire il comando ./studio.shnella android-studio/bindirectory. Si aprirà Android Studio.

6. esegui comando react-native run-android.

Assicurati che metro builder sia in esecuzione per sincronizzare il tuo dispositivo fisico e il server

Innanzitutto, esegui questo comando per eseguire metro builder

inizio npm

Quindi è possibile avviare la generazione in reattivo nativo

reatt-native run-android

Questa volta non dovrebbero esserci errori. Se vuoi che il tuo codice sia live, ricaricalo al momento della modifica. Scuoti il ​​dispositivo, quindi tocca Abilita ricarica dal vivo

Assicurati di aver aggiunto / path / a / sdk / platform-tools alla variabile path.

Quando esegui reag-native run-android, esegue adb reverse tcp: <porta dispositivo> tcp: <porta locale> per inoltrare la richiesta dal tuo dispositivo al server in esecuzione localmente sul tuo computer. Vedrai qualcosa del genere se non viene trovato 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 }

Può essere causato da risorse non collegate nella base di codice del progetto React Native, ad esempio quando si rinomina l'applicazione di progetto / ID bundle o si aggiunge un pacchetto esterno senza collegarlo correttamente, ad esempio.

Provalo semplicemente nella directory principale del tuo progetto:

react-native link

react-native run-android

Se durante l'esecuzione del react-native run-androidcomando è la seconda riga della traccia

JS server not recognized, continuing with build...

significa che packager per l'app non può essere avviato e l'app non verrà caricata senza alcuni passaggi aggiuntivi. Si noti che la fine della traccia riporta ancora il successo:

BUILD SUCCESSFUL

Il problema è probabilmente un conflitto di porte (nel mio caso era il sito IIS predefinito di cui mi ero completamente dimenticato). Un'altra manifestazione del problema sarebbe una mancata aperturahttp://localhost:8081/debugger-ui dell'URL in Chrome.

Una volta risolto il conflitto di porte, la traccia segnalerà

Starting JS server...

quindi verrà aperta una finestra Nodo aggiuntiva ( node ...cli.js start) e l'app verrà caricata / ricaricata correttamente.

Dopodiché dovresti essere in grado di aprire la console di debug in Chrome con http://localhost:8081/debugger-ui.

Ho avuto lo stesso problema anche durante l'esecuzione su un simulatore. Ho fatto una rapida soluzione in modo da poter avere il normale flusso di lavoro degli sviluppatori.

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

Probabilmente dovrà annullare la modifica quando si tenta di eseguire una build di produzione.

Ho avuto problemi con McAfee sulla mia porta di blocco mac 8081, ho dovuto cambiarlo in 8082.

Per prima cosa esegui il tuo pacchetto server:

react-native start --port 8082

Apri un altro terminale, avvia l'app Android come al solito:

react-native run-android

Una volta terminato, ora riscrivi la porta tcp che adb tunnel:

adb reverse tcp:8081 tcp:8082

Vedi l'elenco dei tunnel adb tcp:

adb reverse --list

Ora dovresti vedere un messaggio commovente:

(reverse) tcp:8081 tcp:8082

Vai alla tua app e ricarica, fatto!

PS: Non modificare nulla nelle impostazioni Dev dell'app, se hai aggiunto "localhost: 8082", rimuovilo e lascialo vuoto.

EDIT: per tutte le vittime di McAfee là fuori, c'è una soluzione più semplice se si dispone dell'accesso root, è sufficiente interrompere temporaneamente il processo McAfee che si trova sulla porta 8081 e non è necessario cambiare le porte:

sudo launchctl remove com.mcafee.agent.macmn

Penso che tu non abbia filato installato, prova a installarlo con chocolatey o qualcosa del genere. Deve essere installato prima di creare il progetto (comando init native-reazioni).

Non è necessario creare la directory delle risorse.

Rispondi se non funziona.

Modifica: nella versione recente di Reattivo-nativo l'hanno risolto. Se si desidera la completa libertà da questo nodo di disinstallazione completo (per la disinstallazione completa Rimuovere completamente il nodo, fare riferimento a questo collegamento) e reinstallare il nodo, reagire-nativo-cli, quindi creare il nuovo progetto.

non dimenticare di accendere internet nel dispositivo di emulazione, ho risolto questo errore, funziona perfettamente: V Ricevo questo errore perché spengo Internet per testare NetInfo: D

Questo è un messaggio di errore generale, che potresti aver riscontrato durante lo sviluppo dell'applicazione nativa di reazione. Quindi in questo tutorial forniremo una soluzione a questo problema.

Descrizione del problema: Impossibile caricare lo script dalle risorse index.android.bundle su Windows Impossibile caricare lo script dalle risorse index.android.bundle su Windows

Seguire i passaggi seguenti per risolvere il problema precedente:

Passaggio 1: Creare la cartella "risorse" nella directory del progetto Ora creare la cartella risorse nella directory del progetto "MobileApp \ android \ app \ src \ main". È possibile creare manualmente la cartella delle risorse:

<OR>

puoi creare una cartella anche usando il comando. Comando: mkdir android / app / src / main / assets

Passaggio 2: esecuzione dell'applicazione React Native Consente di eseguire il comando seguente per eseguire l'applicazione nativa di reazione nell'emulatore o nel dispositivo fisico.

Passa alla directory del progetto. cd MobileApp

Esegui il comando seguente che ti aiuta a raggruppare il tuo progetto di applicazione Android.

bundle reattivo nativo - piattaforma android --dev false --entry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res

Eseguire il passaggio finale per eseguire l'applicazione nativa reattiva nell'emulatore o nel dispositivo fisico. reatt-native run-android

<OR>

Inoltre puoi combinare gli ultimi due comandi in uno, in questo caso devi eseguire il comando solo una volta.

bundle reattivo nativo - piattaforma android --dev false --entry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res && reagisce-nativo run-android

<OR>

Puoi automatizzare i passaggi precedenti inserendoli nella parte script di package.json in questo modo:

"android-android": "bundle di reazione nativo --piattaforma android --dev false --entry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets -dest android / app / src / main / res && Rea-native run-android "

Se tutto è impostato correttamente, a breve dovresti vedere la tua nuova app in esecuzione nell'emulatore Android.

Segui questo, ha funzionato per me.

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

Vai alla directory del tuo progetto e controlla se questa cartella esiste android / app / src / main / assets i) Se esiste, elimina due file, viz index.android.bundle e index.android.bundle.meta ii) Se gli asset della cartella non lo fanno non esiste quindi creare la directory delle risorse lì.

Dalla directory del tuo progetto root fai cd android && ./gradlew clean

Infine, torna alla directory principale e controlla se esiste un singolo file di voce chiamato index.js i) Se c'è solo un file, ad esempio index.js, esegui il comando bundle reattivo nativo - piattaforma android --d fal falso - -entry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res

ii) Se ci sono due file, ad esempio index.android.js e index.ios.js, esegui questo bundle di reazione nativo --piattaforma 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

Ora esegui reattivo nativo run-android

Ho appena riscontrato esattamente lo stesso problema e l'ho risolto. Quindi spero di essere utile.

Supponiamo di assemblare un pacchetto dell'applicazione di rilascio (.apk)

1. Verifica se la cartella delle risorse esiste ?: \ android \ app \ src \ main \ assets In caso contrario, creane una.

2. Dopo aver eseguito "Assemble Release", controlla se c'è qualcosa in quella cartella (\ android \ app \ src \ main \ assets) In caso contrario, trova il file bundle js ( index.android.bundle ), che dovrebbe trovarsi in più di uno dei i seguenti percorsi:

   * A) \ Android \ app \ accumulo \ intermedi \ merged_assets \ release \ out \ index.android.bundle

   b) \ Android \ app \ accumulo \ intermedi \ merged_assets \ rilasciare \ mergeReleaseAssets \ out \ index.android.bundle

   c) \ Android \ app \ accumulo \ intermedi \ beni \ release \ index.android.bundle

   d) \ Android \ app \ di build \ generato \ beni \ reagiscono \ release \ index.android.bundle *

Un modo migliore è usare "Tutto" per cercare il nome del file: index.android.bundle.

3. Quindi copia questo file nella cartella delle risorse (\ android \ app \ src \ main \ assets \ index.android.bundle)

4. Torna alla PowerShell o alla console dei comandi, esegui:

Reat-native run-android --variant = release

Dovrebbe funzionare.

In bocca al lupo!

quando aggiorno Reazione-nativo a 0.49.5, questo problema appare e quando ho seguito questa modifica e ammortamenti

è scomparso.

Sto affrontando questo problema, molta ricerca e ho risolto quel 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

Di eseguire il nativo di reazione:

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

Per tutti voi ragazzi che state sviluppando da un'app nativa create-reazioni ed espulso e avete questo problema development, questo è ciò che ha funzionato per me solo un piccolo dettaglio dalla risposta accettata

(nella directory del progetto) mkdir android / app / src / main / assets

ecco che arriva la parte che cambia perché sei in fase di eliminazione della --dev: falseparte:

bundle reattivo nativo - piattaforma android --entry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res

dopo aver chiuso tutti i terminali, cancella la cartella di build da android / app / per assicurarti di iniziare a pulire la tua app, aprire un nuovo terminale e

(nella directory del progetto) npm esegue Android

richiederà la console packager (in un altro terminale) e compilerà correttamente