Wie kann ich den ios-Ordner im React Native-Projekt neu generieren?

Vor einiger Zeit habe ich das Verzeichnis / ios in meiner nativen App gelöscht (nennen wir es X). Ich habe mit dem Android-Emulator entwickelt und getestet, aber jetzt möchte ich sicherstellen, dass es auf iOS mit Xcode-Simulator usw. funktioniert.

Meine aktuelle Idee ist es also, ein neues natives Projekt zu erstellen (nennen wir es Y) mit dem Ordner ios. Befolgen Sie dann diese Schritte , um Y so umzubenennen, dass es den Namen X hat, und verschieben Sie dann das Verzeichnis / ios von Y nach X und versuchen zu run-ios.

Ich werde hier aktualisieren, wie das geht, aber ich habe mich gefragt, ob es einen besseren Weg gibt und war noch niemand in dieser Situation?

Ich habe viele Dinge gegoogelt, "iOS-Ordner neu generieren", "iOS-Ordner gelöscht", "iOS-Ordner zu vorhandenen hinzufügen" und nichts Hilfreiches. Vielleicht ist mein GoogleFU nicht gut genug, aber wenn jemand irgendwelche Vorschläge hat, sehr geschätzt.

In Schritt 2 wird sichergestellt, dass es aufgrund von Abhängigkeiten und anderen Dingen kompiliert wird. Im Moment ist es jedoch mein Ziel, den Ordner / ios wieder in das Projekt aufzunehmen und React Native über seine Existenz zu informieren (es verfügt über alle erforderlichen Konfigurationen).

Vielen Dank

Der Vorgang, den Sie ausführen müssen, ähnelt dem Umbenennen einer reaktiven nativen App. Grundsätzlich müssen Sie nur react-native upgradein Ihrem Stammprojektverzeichnis ausführen . Für weitere Informationen können Sie eine andere Frage prüfen hier . In den folgenden Anweisungen wird erläutert, wie Sie ein anderes natives Reaktionsprojekt erstellen, das auf einem kopierten Projekt mit einem neuen Namen basiert.

• Kopieren Sie zuerst das Verzeichnis, in dem Ihre zu ändernde Anwendung vorhanden ist. Und gehen Sie zu Ihrem neu geklonten Verzeichnis.
• Ändern Sie den Namen in der index.ios/android.jsDatei, die als Parameter für AppRegistry angegeben wird.
• Ändern Sie den Namen und die Version entsprechend auf package.json
• Löschen /iosund /androidOrdner, die von Ihrer älteren App übrig bleiben.
• Führen Sie $react-native upgradezu generieren /iosund /androidwieder Ordner.
• Führen Sie $react-native linkfür jede nativen Abhängigkeit.
• Endlich laufen $react-native run-iosoder was du willst.

Entfernen / löschen Sie einfach Android und iOS (behalten Sie den Ordner für Android und iOS) und führen Sie den folgenden Befehl aus:

  react-native eject

Supported version : 
    react-native <= 0.59.10
    react-native-cli <= 1.3.0 



   react-native upgrade --legacy true

Supported version : 
        react-native >= 0.60.0
        react-native-cli >= 2.1.0 

Ref: Link

Beachten Sie, dass Sie ab reaktionsnativem 0.60.x Folgendes verwenden können, um ios / android-Verzeichnisse neu zu generieren:

react-native upgrade --legacy true

Gutschrift hier: https://github.com/facebook/react-native/issues/25526

Wie @Alok in den Kommentaren erwähnt, können Sie react-native ejectdie Ordner iosund generieren android. Aber Sie brauchen zuerst eine app.jsonin Ihrem Projekt.

{"name": "example", "displayName": "Example"}

❯ react-native eject

Fehler Nicht erkannter Befehl "Auswerfen". info Führen Sie "react-native --help" aus, um eine Liste aller verfügbaren Befehle anzuzeigen.

❯ react-native upgrade --legacy true

Fehler: unbekannte Option `--legacy '

Sie können ein neues Projekt mit demselben Namen in einem anderen Ordner initiieren und ios dir über Folgendes kopieren:

im Verzeichnis YourProjectName

npx react-native init YourProjectName
mv YourProjectName/ios ios
rm -rf YourProjectName

Stellen Sie sicher, dass Sie einen sauberen Git-Verlauf haben, bevor Sie dies tun, falls Sie zurückkehren müssen

Dies ist zu spät, aber für alle, die immer noch das gleiche Problem haben und eine abgetrennte native Reaktion haben, habe ich exp separate über meine abgetrennte App ausgeführt und einen ios-Ordner erstellt!

Wie es scheint react-native eject nicht mehr verfügbar zu sein. Die einzige Möglichkeit, den ios-Ordner neu zu erstellen, bestand darin, ihn von Grund auf neu zu generieren.

Erstellen Sie eine Sicherungskopie Ihres iOS-Ordners

mv /path_to_your_old_project/ios /path_to_your_backup_dir/ios_backup

Navigieren Sie zu einem temporären Verzeichnis und erstellen Sie ein neues Projekt mit demselben Namen wie Ihr aktuelles Projekt

react-native init project_name
mv project_name/ios /path_to_your_old_project/ios

Installieren Sie die Pod-Abhängigkeiten im ios-Ordner Ihres Projekts

cd /path_to_your_old_project/ios
pod install

Da reaktionsnatives Auswerfen in 60.3 abgeschrieben wird und ich beim Versuch, Form 60.1 auf 60.3 zu aktualisieren, Diff-Fehler bekam, funktionierte die Regenerierung des Android-Ordners nicht.

Ich musste

rm -R node_modules

Aktualisieren Sie dann react-native in package.json auf 59.1 (entfernen Sie package-lock.json).

Lauf

npm install

react-native eject

Dadurch werden Ihre Android- und iOS-Ordner neu generiert. Aktualisieren Sie schließlich wieder auf 60.3

react-native upgrade

React-Native Upgrade während zurück und 59.1 hat meinen Android-Ordner nicht neu generiert, so dass das Auswerfen notwendig war.

Wenn Sie mit Fehlern wie dem nicht gefundenen Modul verloren gehen, gibt es heutzutage eine andere als die folgende Methode, wenn Sie die native CLI-Reaktion verwendet haben. Ich hatte ein ähnliches Problem, als ich das xcode-Projekt aus der .xcodeproj- Datei anstelle von .xcworkspace geöffnet habe . Bitte beachten Sie auch, dass reaktionsnatives Auswerfen nur für Expo-Projekte gilt.

Die einzige Problemumgehung, um iOS- und Android-Ordner innerhalb eines reaktiven nativen Projekts neu zu generieren, ist die folgende.

• Generieren Sie ein Projekt mit demselben Namen mit dem Befehl react-native init
• Sichern Sie Ihre alten Projekt-iOS- und Android-Verzeichnisse an einem Sicherungsspeicherort
• Kopieren Sie dann iOS- und Android-Verzeichnisse aus dem neu erstellten Projekt in Ihr altes, nicht funktionierendes Projekt
• Führen Sie die Pod-Installation im kopierten iOS-Verzeichnis aus

Jetzt sollte Ihr Problem gelöst sein

Ich habe mich gerade auch mit diesem Problem befasst, aber ich habe es gerade gelöst.

Sicherlich gab es beim Ausführen des Befehls "React-Native Upgrade" die Meldung, dass keine Aktualisierung erforderlich war, oder mit dem Befehl "React-Native Eject", dass der Befehl nicht erkannt wird.

react-native upgrade

Jetzt sollten Sie den react-native upgrade --legacy trueBefehl verwenden, um Ihre Android-Ordner oder iOS zu sichern, da dieser Befehl Ihre Dateien ersetzen wird.

react-native upgrade --legacy true

Jetzt heißt es nur, dass Sie Ihre package.json nicht ersetzen sollen

1. Öffnen Sie Terminal / cmd
2. Wechseln Sie in den Ordner / das Verzeichnis, in dem sich der Projektordner " Projektname " befindet (Gehen Sie nicht in das Projektverzeichnis).
3. Führen Sie den Befehl als: react-native init "ProjectName" aus und es wird gewarnt, dass das Projektverzeichnis bereits vorhanden ist, Sie jedoch fortfahren.
4. Es werden alle aktualisierten Knotenmodule sowie fehlende Plattformordner (Android / iOS) im Projekt installiert, ohne den bereits geschriebenen Code zu stören.
5. cd "ProjectName" und dann cd ios und dann pod install ausführen

PS: Sichern Sie Ihren Code, falls er App.js ändert

Ich hatte das gleiche Problem in der reaktiven nativen .63-Version. Ich habe vor allem Methoden ausprobiert, aber nicht funktioniert. Also habe ich wie folgt versucht, Android / iOS-Ordner in meinem alten Projektbaum zu löschen und ein neues Projekt mit ähnlichem Namen in einem anderen Ordner zu initiieren, später Android / iOS-Ordner vom neuen Projekt in das alte Projekt zu kopieren und den Cache mit dem reaktionsnativen Start zurückzusetzen - Cache zurücksetzen und React-Native Run-Android ausführen und mein Versuch war erfolgreich.

Entfernen Sie zuerst den ios-Ordner

 react-native eject 
 cd ios/ 
 pod init 
 pod install 
 cd .. 
 react-native link 
 cd ios 
 open *.xcworkspace/