React native Änderung Listenport

Question

Ich benutze reagieren native Android und Gesicht Problem, um die App auf Android-Gerät bereitzustellen. Als ich

reagieren-native Start ausführen, wird es nicht gestartet dev trennen auf Port 8081

Ich habe einige Optionen bei erwähnt versucht:

1) https://facebook.github.io/react-native/docs/troubleshooting.html

2) Es wurde versucht, den Prozess an der Portnummer 8081 zu stoppen, aber kein Erfolg

Meine Frage ist, dass wir die von 8081 nativen dev-Server-Port reagieren zu ändern (die Standardeinstellung in Android ist howwever die gleichen wir in ios aus AppDelegate.m Datei ändern können) zu einigen, was sonst oder anderen Ansatz

Ihre Antworten werden sehr geschätzt.

Dank

Answer 1

nicht sicher, ob dies dokumentiert ist oder nicht [1], können Sie den Port über ein CLI-Argument angeben, wie folgt aus:

react-native start --port 9988 

ich es im Quellcode gefunden, und es funktionierte auf meinem lokale Rechner :)

https://github.com/facebook/react-native/blob/master/local-cli/server/server.js#L30

---

[1] Dies ist hier jetzt dokumentiert: 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

Answer 2

Ich weiß, es ist spät, aber FYI, es gibt auch einen anderen Weg, wo Sie Ihren Port dauerhaft ändern können.

Zum your_app \ node_modules \ reagieren-native \ local-cli \ server \ server.js und ändern Sie den Port von 8081 bis 8088

die wie etwas sein wird, diese

... 
     module.exports = { 
     name: 'start', 
     func: server, 
     description: 'starts the webserver', 
     options: [{ 
     command: '--port [number]', 
     default: 8088, 
     parse: (val) => Number(val), 
     } 
    ... 

Answer 3

vim node_modules/reagieren-native/local-cli/server/server.js

Änderung des Standard-Port - ander Port // Beispiel -> 8089

das Projekt zurück -> und fängt npm

Answer 4

Sie können diese react-native-port-patcher verwenden, die den Standardport 8081 durch Ihre gewünschte Portnummer ersetzt.

Answer 5

Nachdem ich einen ganzen Tag verbracht und viele Lösungen durchgespielt hatte, half mir eine Kombination der Vorschläge, dies zu lösen. Folgen Sie den Schritten unten angegeben:

1. das Projekt Erstellen Sie den Befehl: 'reagieren-native init [PROJECT_NAME]

2. Öffnen Sie das Projekt in Xcode und alle Vorkommen von "8081" ersetzen "8088" und speichern Sie die Änderungen

3. Öffnen Sie Terminal und ändern Sie das Arbeitsverzeichnis in das oben erstellte Projektverzeichnis. Verwenden Sie den folgenden Befehl, um den Port zu ändern, die native Anwendungen reagieren: reagieren-native Start --port 8088

Sobald Sie diesen Befehl ausführen, sehen Sie die folgende Ausgabe im Terminal:

Wie Sie sehen können, startet dies die Metro-Instanz. Töte nicht den Befehl oder das Terminalfenster. Lassen Sie diesen Prozess laufen.

4. Öffnen Sie ein neues Terminal-Fenster, wechseln Sie in das Projektverzeichnis das Arbeitsverzeichnis und führen Sie das reagieren-native Projekt mit dem Befehl:

reagieren-native Lauf ios

Sobald das Projekt erfolgreich auf dem zweiten Endgerät aufbaut, erhalten Sie einen Fortschrittsbalken, welche die Beladung des app Bündel in dem ersten Terminal-Fenster sehen, wie unten gezeigt:

nach Beendigung des Bundlade , die app erfolgreich ly startet auf dem Simulator

Hoffe das hilft. Glücklich Codierung

Answer 6

Set RCT_METRO_PORT, Beispiel:

export RCT_METRO_PORT=8765