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

MySQL-Lernaufzeichnung: Blutiger Vorfall durch KEY-Partition verursacht

Nachfragehintergrund Ein Teil der Daten in der Ge...

Detailliertes Beispiel für MySQL-Datenspeicherprozessparameter

Es gibt drei Typen von MySQL-gespeicherten Prozed...

Vue implementiert scrollbaren Popup-Fenstereffekt

In diesem Artikel wird der spezifische Code von V...

Detaillierte Erklärung der Lösung zur Bildverformung unter Flex-Layout

Flex-Layout ist heutzutage eine häufig verwendete...

Mehrere Möglichkeiten zum Senden von HTML-Formularen_PowerNode Java Academy

Methode 1: Absenden über den Absenden-Button <...

Detaillierte Erklärung von :key in VUE v-for

Wenn der Schlüssel nicht zum v-for-Tag hinzugefüg...

Detaillierte Schritte zum Einrichten eines Nexus-Servers

1. Die Bedeutung des Aufbaus eines Nexus-Dienstes...

Element-Beispielcode zum Implementieren dynamischer Tabellen

Inhaltsverzeichnis 【Code-Hintergrund】 【Code-Imple...

Detaillierte grafische Erklärung der SQLMap-Injektion

Inhaltsverzeichnis 1. Wir haben festgestellt, das...

js, um die Funktion zum Hochladen von Bildern zu realisieren

Das Prinzip des Hochladens von Bildern auf dem Fr...