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

So lösen Sie das Problem ERROR 2003 (HY000) beim Starten von MySQL

1. Problembeschreibung Beim Starten von MySQL tri...

Lösung für FEHLER 1054 (42S22) beim Ändern des Passworts in MySQL 5.7

Ich habe MySQL 5.7 neu installiert. Beim Anmelden...

Optimieren Sie MySQL mit 3 einfachen Tricks

Ich erwarte nicht, ein erfahrener Datenbankadmini...

So legen Sie die UTF-8-Kodierung in einer MySQL-Datenbank fest

Ändern Sie die Datei /etc/my.cnf oder /etc/mysql/...

So passen Sie mit CSS einen schöneren Link-Prompt-Effekt an

Vorschlag: Das möglichst häufige handschriftliche ...

Detailliertes Tutorial zur Installation des ElasticSearch:7.8.0-Clusters mit Docker

Der ElasticSearch-Cluster unterstützt動態請求的方式und靜態...

Methoden und Vorschläge zur Uniapp-Projektoptimierung

Inhaltsverzeichnis 1. Kapseln Sie komplexe Seiten...

Analyse des Prinzips des dynamischen Proxys des Mybatis-Mappers

Vorwort Bevor wir mit der Erklärung des Prinzips ...

Wie melde ich mich per Remote-Zugriff bei der MySql-Datenbank an?

Einführung: Manchmal müssen wir zur Entwicklung e...