2016-05-22 12 views
5

Seguito i passaggi here per provare Android nativo su una finestra di Windows.server dev restituito codice errore 403 reagire nativo

  1. Su una richiesta separata ho eseguito reagire nativo inizio che sta funzionando benissimo
  2. iniziato l'AVD da AVD Direttore
  3. Eseguito reagire-native run-android

BUILD SUCCESSFUL Tempo complessivo: 27.632 sec Avvio dell'app su emulator-5554 (D: \ software \ Android \ android-sdk/piattaforma-too l s/adb -s emulatore-5554 guscio am inizio com.awesomeproject -n/.MainActivity) ... partenza: Intento {cmp = com.awesomeproject/.MainActivity}

  1. Eseguito reagire-native run-android su una console separata dall'interno stessa cartella

ma vedo un errore che sto avendo difficoltà da risolvere. Si prega di suggerire la risoluzione.

enter image description here enter image description here

--- EDIT ---

Forse il problema è che 8081 porta è in uso da McAfee. Così ho aggiornato il server.js per eseguire dev port su 8088 e ora quando navigo http://localhost:8088/index.android.bundle?platform=android Posso vedere JS caricamento.

Ma come faccio a fare uso di Android questo indirizzo invece di difetto ** 10.0.2.2: 8081 ** Ho trovato un file che contiene AndroidInfoHelpers.java che 10.0.2.2 percorso, ma non so se questo è il modo come? essendo un file JAVA ho forse bisogno di ricompilare l'intero programma. Ci dovrebbe essere un modo più semplice per indicare l'app Android per utilizzare una porta diversa per il server di sviluppo.

Inoltre, quando eseguo react-native run-android la prima riga che viene emessa dice "JS Server non riconosciuto .. Continuare con la build" che probabilmente sta gridando la stessa cosa.

+0

Non dimenticare questo passo anche: http : //facebook.github.io/react-native/docs/running-on-device-android.html#configure-your-app-to-connect-to-the-local-dev-server-via-wi-fi – Cherniv

+0

Grazie.Tuttavia, il collegamento sembra essere valido quando si esegue l'app sul dispositivo reale mentre sto provando sull'emulatore nella stessa casella. – helloworld

risposta

3
  1. Press cmd + M (Ctrl + M per Windows) per aprire il vostro menu dev per l'emulatore (Si prega di assicurarsi che la vostra applicazione reagirà-native è aperto nella finestra attiva dell'emulatore Android prima di utilizzare questo comando)
  2. Clicca Dev Settings
  3. Sotto Debugging selezionare Debug server host & port for device
  4. immettere l'URL corretto e la porta per la vostra applicazione nel vostro caso 10.0.2.2:8088

Una volta fatto, puoi ricaricare la tua applicazione e dovrebbe funzionare.

+0

Cmd + M (credo Ctrl + M) su Emulator mostra solo WallPapers, Widget e Impostazioni. Quando eseguo il drill delle impostazioni, vedo solo AutoRotate. – helloworld

+0

Penso che F2 sia il comando per aprire il menu di sviluppo per windows. – user3760898

0

Basta eseguire questo telefono, è una perdita di tempo per cercare di capire il codice React codificato per l'emulatore. Non sembra che sia stato dedicato abbastanza tempo a risolvere questo problema. Passato 3 giorni a leggere il modo in molti blog, e provando il modo a molte cose e niente ha funzionato. La nostra azienda gestisce anche McAfee e ho avuto lo stesso problema.

+0

Sto usando il telefono ma ancora non funziona e sto ricevendo lo stesso codice di errore 403 sullo schermo rosso morto. se qualche altra soluzione che avete, fatecelo sapere? –

-1

1) In primo luogo impostare il numero di porta come 8088 nel file di seguito

yourproject\node_modules\react-native\local-cli\server\server.js 

ora generare il progetto.

2) seguire la procedura di aggiornamento percorso del server Dev in emulatore

  • Ctrl + M per le finestre per aprire il vostro menu dev per l'emulatore.
  • Fare clic su Impostazioni
  • Dev Sotto il debug di server host selezionare Debug & porta per dispositivo
  • inserire l'URL e la porta per la vostra applicazione, come 10.0.2.2:8088
3

A) Impostare il nuovo porto per il server dev
utente comando reagire nativo inizio --port = 8088
o
ProgettoUtente \ node_modules \ Reagire-native \ local-cli \ server \ server.js per impostare il porto disponibili dire 8080
ora usano reagire nativo inizio ad avviare il server su 8080

B) Ora per stabilire la comunicazione tra emulatore e il server dev, utilizzare il comando di seguito
adb -s emulatore -5554 inverso tcp: 8088 tcp: 8088
i) 5554 => porta emulatore (adb devices comando vi dirà emulatore di porta, ma se questo comando non funziona quindi impostare il percorso C: /../ android-sdk/platform-tools in Percorso variabile environemnt)
ii) 8088 => server di porta

C) eseguire il comando reagire-native run-android

D) seguire la procedura di aggiornamento del server Dev percorso nell'emulatore

i) Ctrl + M per Windows per aprire il menu di sviluppo per l'emulatore.
ii) Fare clic su Impostazioni Dev
III) Sotto il debug di server host selezionare Debug & porta per dispositivo
IV) Inserire l'URL e la porta per la vostra applicazione, come 10.0.2.2:8088

+0

Questo ha funzionato per me perché la mia porta 8081 era bloccata –

+0

grazie, shrikant ci sono volute 5 ore. –

+1

dovrebbe essere una risposta accettata. –

Problemi correlati