React-Native: Anwendung wurde nicht registriert Fehler

Ich gehe gerade die React-Native-Tutorials durch. Ich begann mit dem Tutorial “Erste Schritte”, in dem ich ein neues React-Native-Projekt erstellte und es erfolgreich auf meinem Gerät ausführte.

Ich habe dann mit dem angefangen Requisiten-Tutorialhabe ich das Code-Snippet kopiert und versucht, das Projekt erneut auszuführen, und die folgende Fehlermeldung wurde auf meinem Bildschirm angezeigt:

Ich denke, es ist ein Fehler, der dadurch verursacht wird, dass der Name des Projekts und Ihre registrierte Komponente nicht übereinstimmen.

Sie haben ein Projekt mit einem Namen gestartet, dh

react-native init AwesomeApp

Aber in Ihrer Datei index.ios.js registrieren Sie eine andere Komponente

AppRegistry.registerComponent('Bananas', () => Bananas);

Wenn es muss sein

AppRegistry.registerComponent('AwesomeApp', () => Bananas);

Wenn Ihr Komponentenname übereinstimmt, stellen Sie sicher, dass kein anderer React-Native/Node-Prozess in einem anderen Terminal ausgeführt wird.

Meistens ist das Problem, dass Sie einen anderen haben react-native start (dh React Native Packager) Server, der entweder auf einem anderen Terminal oder einem anderen Tab von TMUX läuft (wenn Sie TMUX verwenden).

Sie müssen diesen Prozess finden und schließen, also nach dem Ausführen react-native run-ios Beispielsweise wird ein neuer Packager-Server eingerichtet, der sich für diese spezielle Anwendung registriert hat.

Finden Sie diesen Prozess einfach mit:

ps aux | grep react-native

Finden Sie die Prozess-ID (PID) und beenden Sie den Packager-Prozess mit kill Befehl (zB kill -9 [PID]). Sie sollten die finden launchPackager.command app in macOS, nicht sicher über die anderen Betriebssysteme.

Versuchen Sie dann, die auszuführen run-ios (oder Android) wieder. Sie sollten den neuen Pfad sehen können, nachdem Sie den neuen Packager-Server ausgeführt haben, z.

Looking for JS files in
   /Users/afshin/Desktop/awesome-app 

Ändern MainActivity in android/app/src/main/java/com/your-package-name/MainActivity.java so was,

@Override
protected String getMainComponentName() {
    return "Bananas"; // here
}

Meine Lösung ist, den Modulnamen in “AppDelegate.m” zu ändern.

aus
moduleName:@"AwesomeProject"

zu
moduleName:@"YourNewProjectName"

Zunächst müssen Sie Ihre Bewerbung starten:

react-native start

Dann müssen Sie Ihren Anwendungsnamen als erstes Argument von registerComponent festlegen.

Es funktioniert gut.

AppRegistry.registerComponent('YourProjectName', () => YourComponentName);

In meinem Fall gibt es diese Zeile in MainActivity.java, die bei der Verwendung übersehen wurde react-native-rename cli (von NPM)

protected String getMainComponentName() {
    return "AwesomeApp";
}

Offensichtlich müssen Sie es in den Namen Ihrer App umbenennen.

Bitte überprüfen Sie Ihre app.json-Datei im Projekt. Wenn keine Zeile appKey vorhanden ist, müssen Sie sie hinzufügen

{
  "expo": {
    "sdkVersion": "27.0.0",
    "appKey": "mydojo"
  },
  "name": "mydojo",
  "displayName": "mydojo"
}