Systemanforderungen
Sie können React Native für Windows-Apps nur unter Windows entwickeln. Sie können React Native für Windows-Apps nur auf
- Allen Windows 11-Geräten
- Aktuellen Windows 10-Geräten (siehe Windows OS-Kompatibilität für Details)
Um React Native für Windows-Apps zu entwickeln, müssen Sie mehrere Abhängigkeiten installieren.
Entwicklungsabhängigkeiten installieren
Um Abhängigkeiten zu überprüfen oder zu installieren, führen Sie das Skript rnw-dependencies.ps1 in einem erhöhten PowerShell-Fenster aus.
Führen Sie diesen Befehl aus: Starten Sie ein erhöhtes PowerShell-Fenster und führen Sie
Set-ExecutionPolicy Unrestricted -Scope Process -Force;
iex (New-Object System.Net.WebClient).DownloadString('https://aka.ms/rnw-vs2022-deps.ps1');
Manuelle Einrichtungshinweise
Der empfohlene Weg ist die Verwendung des obigen Skripts, da die Informationen in diesem manuellen Abschnitt wahrscheinlich veraltet sind
Alternativ können Sie Ihre Umgebung manuell einrichten
- Stellen Sie sicher, dass der Entwicklermodus in der Windows-Einstellungen-App aktiviert ist.
- Es wird dringend empfohlen, das Windows-System zu aktualisieren.
- Installieren Sie die neueste Version von Visual Studio 2022 mit den folgenden aktivierten Optionen
- Workloads
Node.js-Entwicklungoder eine der folgenden Alternativen- Installieren Sie über Einzelne Komponenten
- Entwicklungsaktivitäten
- Node.js-Entwicklungsunterstützung
- Entwicklungsaktivitäten
- Installieren Sie Node.js separat, siehe unten für einige Optionen
- Installieren Sie über Einzelne Komponenten
.NET Desktop-EntwicklungDesktop-Entwicklung mit C++- Schließen Sie
MSVC v143 - VS 2022 C++ x64/x86 Build Tools (Latest)ein (prüfen Sie unter 'Optional')
- Schließen Sie
Universelle Windows-Plattform-Entwicklung- Schließen Sie
C++ (v143) Universal Windows Platform Toolsein (prüfen Sie unter 'Optional')
- Schließen Sie
- Einzelne Komponenten
- Schließen Sie
Windows 10 SDK (10.0.22621.0)ein (Ziel-Betriebssystemversion aus dieser Tabelle) - Schließen Sie
MSVC v143 - VS 2022 C++ ARM64 Build Tools (Latest)ein (um ARM64-Geräte anzusteuern)
- Schließen Sie
- Workloads
- Aktivieren Sie lange Pfade in Windows 10, Version 1607 und höher.
- Installieren Sie die neueste Version des .NET 6.0 SDK.
Optionen zur separaten Installation von Node.js
- Mit WinGet (von React Native empfohlen). Um WinGet zu verwenden, führen Sie aus einer erhöhten Eingabeaufforderung
winget install OpenJS.NodeJS.LTS --version 18.18.0
- Mit einem anderen Paketmanager wie Scoop oder Node Version Switcher (nvs)
- Direkt von Node.js
Optionale Schritte, die dringend empfohlen werden
- Installieren Sie Yarn (erforderlich, um zu react-native-windows beizutragen)
- Installieren Sie
gitmit einer Methode wie- Mit einem Paketmanager wie WinGet, Chocolatey oder Scoop
- Installieren Sie Git für Windows
- Installieren Sie GitHub Desktop
Fehlerbehebung
- Wenn sich nach dem Ausführen der App der Packager nicht aktualisiert (oder) die App keine React Native-Inhalte anzeigt, schließen Sie das Packager-Befehlsfenster und die App, stellen Sie sicher, dass der Browser geöffnet ist, führen Sie
yarn startaus und führen Sie die App erneut von Visual Studio aus. - Wenn in Ihrem UWP-App-Fenster ein rotes Fehlerfeld mit der Fehlermeldung:
ERROR: Instance failed to start. A connection with the server cannot be establishedangezeigt wird, stellen Sie sicher, dass der Packager mityarn startausgeführt wird und führen Sie die App erneut aus.