NativeScript / NativeScript/nx

How to make a shared Angular Web + NativeScript Angular Mobile app?

Offen
#30 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
68
Forks
15
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

What is the proper procedure to start a new nx workspace for a shared NativeScript Angular Mobile App and Angular Web App?

Right now I have a NativeScript 7 / Angular 11 shared mobile/web app that uses the .tns.ts, .tns.html, .web.ts, etc... method of code splitting, but it seems the new NativeScript 8 and @nativescript/webpack do not support that anymore. This is a substantial project and I want to upgrade to NS8 /Angular 12 so I guess I need to convert the project to work in an nx workspace using the libs folder for the shared Angular modules. But I want to make sure I set up the nx workspace properly first before taking on this massive undertaking.

So basically, can someone please outline the proper commands to start a shared mobile/web NativeScript 8 / Angular 12 project in an nx workspace?

I tried staring an Angular nx workspace project then adding NativeScript but the nx commands to run the mobile project would not work, I kept getting Unable to install dependencies.. It made a minimal nested package.json in the mobile project with, @nativescript/core, @nativescript/android, and @nativescript/ios and the rest of the dependencies in the root package.json which seems right but idk. Any help would greatly be appreciated. Thank you!!

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginnen Sie damit, das gemeldete Nx-Workspace-Setup und den Fehler „Unable to install dependencies“ mithilfe der beschriebenen Versionen von NativeScript 8 und Angular 12 zu reproduzieren. Dokumentieren Sie die Befehle und das Paketlayout, die für einen gemeinsamen mobilen/Web-Workspace erforderlich sind, einschließlich der package.json-Dateien im Root und in den verschachtelten Paketen, und überprüfen Sie, dass die dokumentierten Nx-Befehle das mobile Projekt ausführen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
build-system, mobile, web-dev
Issue-Typ
Dokumentation
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
20/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.