Installationsprozess der React Native-Umgebung

Installationsprozess der React Native-Umgebung

React-Native-Installationsprozess

1.npx react-native init AwesomeProject meldet einen Fehler

Bildbeschreibung hier einfügen

Führen Sie cd ./demo/ios && pod install aus, um das Problem zu lösen

2. JDK installieren

(1) brew install adoptopenjdk/openjdk/adoptopenjdk8
Führen Sie react-native doctor unter dem laufenden Projekt aus und melden Sie einen Fehler
✖ JDK

  • Gefundene Version: 1.8.0_191
  • Unterstützte Version: >= 8

Bildbeschreibung hier einfügen

Dieser Fehler hat keine Auswirkungen auf die Umgebung. Beachten Sie, dass die offizielle Version 1.8 auch als Version 8 bezeichnet wird, die vom Arzt nicht erkannt wird.

3. Erstellen Sie eine Konfigurationsdatei ~/.zshrc

(1). Mit dem Befehl echo $0 können Sie die von Ihnen verwendete Shell überprüfen.
(2) Erstellen Sie eine Konfigurationsdatei ~/.zshrc
(Wenn es Bash ist, ist es ~/.bash_profile)
Geben Sie touch .zshrc in die Befehlszeile ein, um zu überprüfen, ob die Erstellung erfolgreich war. Verwenden Sie open $HOME/.zshrc, um den Ordner zu öffnen, was anzeigt, dass die Erstellung erfolgreich war. (3) Öffnen Sie das Terminal und geben Sie ein: /usr/libexec/java_home -V

Bildbeschreibung hier einfügen

Überprüfen Sie den Java-Installationspfad und konfigurieren Sie die Java-Umgebungsvariablen (nicht unbedingt erforderlich, aber ich habe sie konfiguriert).

WARNUNG: export JAVA_HOME export CLASSPATH

![Bildbeschreibung hier einfügen](https://img-blog.csdnimg.cn/20210516220225712.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg1ODI5MQ==,size_16,color_FFFFFF,t_70

Führen Sie Java aus - Version, es wird angezeigt

Bildbeschreibung hier einfügen

Die Installation ist erfolgreich

2. Bei der Installation des Android SDK wird eine Fehlermeldung angezeigt, dass die Version nicht übereinstimmt. Klicken Sie auf Paketdetails anzeigen, um die entsprechende Version zu installieren.

Bildbeschreibung hier einfügen

Konfigurieren der Umgebungsvariable ANDROID_HOME

(1) Überprüfen Sie den Installationspfad des SDK in Android Studio

Bildbeschreibung hier einfügen

(2) Konfigurieren Sie die Umgebungsvariable ANDROID_HOME in .zshrc
export ANDROID_HOME= HOME / Bibliothek / A ndroid / sdk export PATH= HOME/Bibliothek/Android/sdk export PATH= HOME/Bibliothek/Android/sdk export PATH= PFAD: ANDROIDHOME / Emulator export PATH = ANDROIDH​OME/Emulator export PATH= PFAD: ANDROIDHOME / Tools export PATH= ANDROIDH​OME/Tools export PATH=PFAD: ANDROIDHOME / Tools / bin export PATH = ANDROIDH​OME/Tools/bin export PATH=PFAD:$ANDROID_HOME/Plattform-Tools

Bildbeschreibung hier einfügen

Umgebungsinstallation erfolgreich

4. Führen Sie npm run android aus

Die App lässt sich in der Realität nicht installieren und es wird ein Fehler auf Port 8081 gemeldet. Nach dem Wechsel auf eine fremde Datenquelle verläuft die Installation normal.

Dies ist das Ende dieses Artikels über die Installation einer React Native-Umgebung. Weitere relevante Inhalte zur Installation einer React Native-Umgebung finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • Lösen Sie das Problem, dass die React-Native-Softtastatur auftaucht und das Eingabefeld blockiert
  • Verwenden Sie den Win10+Android+Yoshi Android-Emulator, um eine ReactNative-Entwicklungsumgebung zu erstellen
  • React Native-Codebeispiel basierend auf FlatList Pulldown Refresh Pullup Load
  • Kapseln Sie selbst eine React Native Multi-Level-Verknüpfung ein
  • React Native-Beispiel zum Ermitteln des geografischen Standorts
  • Implementierungsbeispiel für ein React Native-Textkarussell

<<:  Detailliertes Tutorial zur Installation und Konfiguration von Nginx unter Centos7

>>:  Navicat: Mehrere Möglichkeiten zum Ändern des MySQL-Datenbankkennworts

Artikel empfehlen

Ausführliche Erklärung zum Currying von JS-Funktionen

Inhaltsverzeichnis 1. Ergänzende Wissenspunkte: i...

Dieser Artikel hilft Ihnen, JavaScript-Variablen und -Datentypen zu verstehen

Inhaltsverzeichnis Vorwort: Freundliche Tipps: Va...

So begrenzen Sie die Anzahl gleichzeitiger Verbindungsanforderungen in Nginx

Einführung Das Modul, das die Anzahl gleichzeitig...

Designtheorie: Warum suchen wir am falschen Ort?

Ich bin vor ein paar Tagen mit dem Bus zur Arbeit...

Der gesamte Prozess der Konfiguration von Hive-Metadaten für MySQL

Gehen Sie im Hive-Installationsverzeichnis in das...

Detaillierte Erläuterung der MySQL-Transaktionsverwaltungsvorgänge

Dieser Artikel beschreibt die MySQL-Transaktionsv...

Detaillierte Erläuterung des Ausführungsprinzips des MySQL-Kill-Befehls

Inhaltsverzeichnis Prinzip der Kill-Befehlsausfüh...

So verarbeiten Sie lokal dynamisch geladene Bilder in Vue

Finden Sie das Problem Heute bin ich auf ein Prob...

So begrenzen Sie die Anzahl der Datensätze in einer Tabelle in MySQL

Inhaltsverzeichnis 1. Lösung auslösen 2. Partitio...

Tipps zum Listenaufbau für Website-Wartungsseiten

Und oft ist es für Wartungsarbeiten erforderlich, ...

Tutorial zum Importieren und Exportieren von Docker-Containern

Hintergrund Die Popularität von Docker hängt eng ...