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

Detaillierte Erläuterung des Vue Router Routing Guard

Inhaltsverzeichnis 1. Global vor jedem 1. Global ...

Tiefgreifendes Verständnis der logischen Architektur von MySQL

MySQL ist heute die Datenbank, die von den meiste...

Lösung, wenn der Docker-Container nicht auf den Host-Port zugreifen kann

Ich bin kürzlich bei der Arbeit auf ein Problem g...

Entdecken Sie, wie Ihnen eine LED den Einstieg in den Linux-Kernel erleichtert

Inhaltsverzeichnis Vorwort LED-Trigger Entdecken ...

MySQL 8.0.20 Installations-Tutorial mit Bildern und Text (Windows 64-Bit)

1: Download von der offiziellen MySQL-Website htt...

Lösung für Docker-Container, der Schriftarten wie Songti nicht erkennt

Problemhintergrund: Wenn Sie Docker zum Bereitste...

Zusammenfassung der MySQL-Verbundindizes

Inhaltsverzeichnis 1. Hintergrund 2. Zusammengese...

Zusammenfassung der Probleme bei der Speicherplatzfreigabe unter Linux

Die /Partitionsauslastung eines Servers im IDC is...

Einige grundlegende Anweisungen für Docker

Inhaltsverzeichnis Einige grundlegende Anweisunge...

Was Sie über Filter in Vue wissen müssen

Inhaltsverzeichnis Vorwort Was ist ein Filter So ...

So fügen Sie Docker ein Zertifikat hinzu

1. Upgrade-Vorgang: sudo apt-get update Probleme ...

Designtheorie: Eine Methode, um die Herzen der Menschen zu verstehen

<br />Einmal unterhielten sich Foyin und Her...

15 JavaScript-Funktionen, die es wert sind, gesammelt zu werden

Inhaltsverzeichnis 1. Zahlen umkehren 2. Holen Si...

Beispiel für das Einrichten einer Whitelist in Nginx mithilfe des Geomoduls

Ursprüngliche Konfiguration: http { ...... Verbin...