Compétences mobile-debugging
🔧

mobile-debugging

Sûr 🌐 Accès réseau📁 Accès au système de fichiers⚙️ Commandes externes

Debuggen von React Native und Expo Mobile-Apps

React Native-Apps können abstürzen, einfrieren oder ohne klare Fehlermeldungen nicht erstellt werden. Diese Fertigkeit bietet schrittweise Debugging-Befehle und Techniken zur Diagnose und Behebung von Metro-Bundler-Fehlern, Problemen mit nativen Modulen, Leistungsproblemen und Build-Fehlern.

Prend en charge: Claude Codex Code(CC)
📊 71 Adéquat
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "mobile-debugging". Mein Metro-Bundler zeigt 'Modul kann nicht aufgelöst werden'-Fehler für ein Paket, das ich installiert habe

Résultat attendu:

  • 1. Metro-Cache löschen: npx expo start --clear
  • 2. Watchman-Status löschen: watchman watch-del-all
  • 3. Metro-Cache-Dateien zurücksetzen: rm -rf /tmp/metro-*
  • 4. Abhängigkeiten neu installieren: rm -rf node_modules && npm install
  • 5. Bundler neu starten: npx expo start
  • 6. Wenn es immer noch fehlschlägt, überprüfen Sie, ob Ihr Import-Pfad korrekt ist und das Paket das Modul exportiert, das Sie importieren

Utilisation de "mobile-debugging". Mein iOS-Build schlägt mit einem nativen Modul-Kompatibilitätsfehler fehl

Résultat attendu:

  • 1. iOS-Pods zurücksetzen: cd ios && pod deintegrate && pod install && cd ..
  • 2. Build-Ordner bereinigen: rm -rf ios/build
  • 3. Expo prebuild ausführen: npx expo prebuild --clean
  • 4. Neu erstellen: npx expo run:ios
  • 5. Paketkompatibilität mit Ihrer Expo-SDK-Version überprüfen

Utilisation de "mobile-debugging". Mein Android-Emulator wird in adb devices nicht angezeigt

Résultat attendu:

  • 1. Verbundene Geräte überprüfen: adb devices
  • 2. adb-Server beenden: adb kill-server
  • 3. adb neu starten: adb start-server
  • 4. Wenn es immer noch nicht funktioniert, Cold-Boot-Emulator: emulator -avd AVD_NAME -no-snapshot-load
  • 5. Überprüfen, ob Android-SDK-Platform-Tools installiert und im PATH vorhanden ist

Audit de sécurité

Sûr
v5 • 1/16/2026

This is a documentation-only skill containing debugging guidance for React Native apps. The static analyzer flagged 56 patterns in markdown examples (bash commands, URLs, temp directory paths) that it mistook for executable code. All findings are FALSE POSITIVES. The skill provides no executable code and makes no network requests, file modifications, or system changes. Commands shown are standard React Native/Expo debugging procedures publicly documented in official resources.

2
Fichiers analysés
401
Lignes analysées
3
résultats
5
Total des audits

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
30
Communauté
100
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

App-Abstürze beheben

Diagnostizieren Sie, warum Ihre React Native-App beim Start oder während der Navigation abstürzt, mithilfe von Protokollanalyse und gängigen Lösungen

Build-Fehler lösen

Beheben Sie iOS- und Android-Build-Fehler, die durch Inkompatibilitäten nativer Module oder beschädigte Caches verursacht werden

Leistungsprobleme debuggen

Identifizieren Sie langsame Renderings, Speicherlecks und Netzwerkprobleme, die die App-Leistung und Benutzererfahrung beeinträchtigen

Essayez ces prompts

Metro-Bundler startet nicht
Mein React Native Metro-Bundler startet nicht. Ich sehe Verbindung-fehlt-Fehler. Helfen Sie mir, dies zu diagnostizieren und zu beheben.
iOS-Build-Fehler
Mein iOS-Build schlägt mit einem nativen Modulfehler fehl. Wie behebe und löse ich das?
App-Leistung langsam
Meine React Native-App läuft langsam. Wie identifiziere ich, welche Komponenten langsame Renderings verursachen, und behebe Speicherlecks?
Android-Emulator-Probleme
Mein Android-Emulator reagiert nicht oder zeigt 'Gerät offline'. Wie setze ich ihn ordnungsgemäß zurück und stelle die Verbindung wieder her?

Bonnes pratiques

  • Caches immer zuerst löschen, wenn nach Abhängigkeitsänderungen Bundler-Probleme auftreten
  • Plattformspezifische Protokolle überprüfen (Xcode-Konsole für iOS, logcat für Android), wenn native Fehler auftreten
  • Das Problem konsistent reproduzieren, bevor Änderungen vorgenommen werden, um die Ursache zu verstehen

Éviter

  • Die Fehler-Stack-Trace überspringen und am Problem raten
  • Nur auf einer Plattform testen, wenn das Problem plattformspezifisch sein könnte
  • Mehrere Änderungen gleichzeitig vornehmen, ohne die Lösung zu isolieren

Foire aux questions

Funktioniert diese Fertigkeit mit Expo Router und Expo Go?
Ja. Die Debugging-Befehle funktionieren mit Expo Router-Projekten und Expo Go. Einige native Fixes erfordern das Ausführen von expo prebuild oder das Erstellen eines Development-Builds.
Wie weit zurück unterstützt diese Fertigung das Debugging?
Befehle funktionieren mit Expo SDK 50+ und React Native 0.73+. Ältere Versionen können für einige Operationen leicht unterschiedliche Befehle haben.
Kann ich diese Debugging-Techniken mit CI/CD-Pipelines verwenden?
Ja. Die meisten Befehle funktionieren in CI-Umgebungen. Einige Simulator-Befehle (xcrun) funktionieren nur auf macOS mit installiertem Xcode.
Speichert oder überträgt diese Fertigkeit Daten?
Nein. Dies ist eine Nur-Dokumentations-Fertigkeit. Sie bietet Anleitungen ohne auf Ihre Dateien, Zugangsdaten zuzugreifen oder Daten irgendwohin zu senden.
Warum muss ich immer wieder Caches löschen?
Caches können veralten, wenn sich Abhängigkeiten ändern, Dateien verschoben werden oder der Watchman-Status beschädigt wird. Regelmäßiges Cache-Löschen ist in der React Native-Entwicklung normal.
Wie unterscheidet sich dies von der Verwendung von Flipper oder React DevTools?
Diese Fertigkeit bietet CLI-basiertes Debugging für Probleme, die Tools wie Flipper nicht beheben können. Verwenden Sie Flipper für UI-Inspektion und Netzwerk-Debugging neben diesen Befehlen.

Détails du développeur

Structure de fichiers

📄 SKILL.md