So ändern Sie den Port von React Native: 1. Starten Sie die Portnummer des lokalen React Native-Servers über den Befehl npm start. 2. Ändern Sie die Datei server.js. 3. Ändern Sie den Standardport 8081 in die von Ihnen angegebene Portnummer wollen.
Die Betriebsumgebung dieses Artikels: Windows7-System, React17.0.1, Dell G3.
Wie ändere ich den Port in React Native?
Lernen Sie, den React Native-Port einfach zu ändern (wie Sie mehrere React Native gleichzeitig ausführen, 8081-Port-Belegungsproblem)_fengyuzhengfans Kolumne – CSDN-Blog
Die lang erwartete neue Klasse ist online! Schalten Sie einen neuen Ansatz für die React Native-Entwicklung frei und informieren Sie sich über die neuesten und heißesten Technologien in React Native. Klicken Sie hier, um es zu erhalten!!!
Wenn wir ein React Native-Projekt ausführen, startet React Native einen lokalen Dienst mit dem Standardport Nummer 8081. Der Dienst von 8081 ist ein lokaler Server des React Native-Projekts, der zur Bereitstellung von JSBundle-Paketen und einigen statischen Ressourcen verwendet wird. All dies wird von React Native für Entwickler konfiguriert. Alles ist so einfach, aber wenn die folgenden Situationen auftreten, müssen Sie diesen Artikel sorgfältig lesen:
Port 8081 ist von anderen Programmen (z. B. Antivirensoftware) belegt ), was dazu führt, dass React Native den 8081-Dienst nicht normal starten kann;
Wenn Sie mehrere React Native-Projekte gleichzeitig ausführen möchten; Ich möchte es ändern.
Ändern Sie den React Native-Abhörport.
Beim Starten des React Native-Dienstes wird standardmäßig der Port 8081 überwacht. Wie kann dieser Standardport geändert werden? Folgen Sie mir als Nächstes Schritt für Schritt, um den Standard-Abhörport des React Native-Dienstes zu ändern!
Schritt 1: Ändern Sie den Server-Port
Der sogenannte Server-Port ist das, was wir durch den npm start oder react-native run-xxxstarten > Befehl Die Portnummer des lokalen React Native-Servers, wie in der Abbildung gezeigt:
Ändern Sie vorübergehend den Server-Port
Überprüfen Sie den Quellcode der neuesten server.js Es ist nicht schwer, einen Code zu finden: 8081端口，那么如何修改这个默认的端口呢？接下来就跟着我一步一步的来修改React Native服务默认监听的端口吧！
为了方便查找这些文件并定位到端口号，你可以借助XCode的Show the Find navigator功能来查找文本8081
接下就可以通过react-native run-ios
public class AndroidInfoHelpers {
public static final String EMULATOR_LOCALHOST = "10.0.2.2";
public static final String GENYMOTION_LOCALHOST = "10.0.3.2";
public static final String DEVICE_LOCALHOST = "localhost";
private static final int DEBUG_SERVER_HOST_PORT = 8081;
private static final int INSPECTOR_PROXY_PORT = 8081;
...
Nach dem Login kopieren
Nach dem Login kopieren
From Wie aus dem obigen Code ersichtlich ist, können wir beim Starten des React Native-Dienstes eine Portnummer dafür angeben: 🎜rrreee🎜🎜 Tipp: Der obige Code ist eine Pull-Anfrage, die am 1. August 2017 eingereicht wurde, daher verfügen React Native-Versionen von 2017 vor dem 1. August nicht über diese Funktion. 🎜🎜
Den Server-Port dauerhaft ändern
🎜Um diese Standard-Portnummer dauerhaft zu ändern, müssen wir die Datei server.js ändern, wobei server.js befindet, finden Sie diese Datei unter: 🎜rrreee🎜, öffnen Sie sie und ändern Sie dann den Standardport 8081 in die gewünschte Portnummer: 🎜🎜 Überprüfen Sie, die Methode ist sehr einfach. Führen Sie im Projekt einfach npm start aus das Stammverzeichnis: 🎜🎜Wie Sie auf dem Bild oben sehen können, haben wir hier den Standardport von React-Native auf 8082 geändert. 🎜
Schritt 2: Ändern Sie die Portnummer des iOS-Projekts
🎜Nachdem wir die Portnummer des React Native-Dienstes geändert haben, müssen wir die Portnummer des iOS-Projekts ändern, damit es jsbundle von erhalten kann Neuer Port, andernfalls wird der Fehler Keine Bundle-URL vorhanden angezeigt. 🎜🎜🎜Tipps: Wenn Ihr React Native-Projekt kein iOS-Modul hat, können Sie diesen Schritt ignorieren. 🎜🎜
🎜Öffnen Sie das iOS-Projekt im React Native-Projekt über XCode. 🎜🎜Ändern Sie die Portnummer des Folgenden Datei:
🎜RCTWebSocketExecutor .m🎜🎜RCTBridgeDelegate.h🎜🎜RCTBundleURLProvider.m🎜🎜RCTInspectorDevServerHelper.mm🎜🎜RCTPackagerConnectionBridgeConfig.m🎜🎜🎜🎜🎜🎜Um Finden Sie diese Dateien und suchen Sie die Portnummer Verwenden Sie die XCode-Funktion Show the Find navigator, um Text 8081
🎜🎜🎜🎜🎜Sie können das iOS-Projekt dann über react-native run- ausführen. ios und starten Sie es neu. Der Port lautet jsbundle. 🎜
public class AndroidInfoHelpers {
public static final String EMULATOR_LOCALHOST = "10.0.2.2";
public static final String GENYMOTION_LOCALHOST = "10.0.3.2";
public static final String DEVICE_LOCALHOST = "localhost";
private static final int DEBUG_SERVER_HOST_PORT = 8081;
private static final int INSPECTOR_PROXY_PORT = 8081;
...
Das obige ist der detaillierte Inhalt vonSo ändern Sie den Port in React Native. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Überprüfen Sie, die Methode ist sehr einfach. Führen Sie im Projekt einfach 
🎜🎜Sie können das iOS-Projekt dann über 
