Erstellen Komponente Angular cli in VS 2017 Angular Template

Question

ich mit unter Software in meinem System

• VS 2017- Version 15.3.3
• Node Version installiert haben - 6.11.3
• Angular cli Version - 1.4.1

ich mag Komponente schaffen unter Verwendung von Winkeln cli Innenwinkelschablone in VS 2017

B elow ist der Schritt, den ich tue, aber nicht die Ergebnisse

• Schritt 1) ​​Erstellen Sie ein Projekt mit kantiger Vorlage in VS2017
• Schritt 2) Öffnen Cmd achive - Erstellen Sie ein Dummy-ng Projekt für .angular-cli. jSON-Datei außerhalb der Lösung
• Schritt 3) Kopieren Einfügen .angular-cli.json Datei zu meiner Lösung unter unter Ordnerstruktur [M: \ VS2017 Projects \ Trail109 \ Trail109]
• Schritt 4) der Wechsel von "root" : "Src" zu "root": "ClientApp"
• Schritt 5) dann gehen Sie mit cd Komma in die Lösung nd in cmd
• Schritt 6) und installieren angular/cli für meine Lösung mit gegebenem Befehl npm install @ angular/cli @ neuesten --save-dev [M: \ VS2017 Projekte \ Trail109 \ Trail109> npm installieren @ eckig/cli @ neuester --save-dev]
• Schritt 7), nachdem diese Ordner in ClientApp zu Komponenten ging mit Befehl cd in cmd

• Schritt 8) und mit Hilfe des gegebenen Befehl ng g Komponente myformname [M: \ VS2017 Projekte \ Trail109 \ Trail109 \ ClientApp \ app \ Komponenten> ng Komponente myformname] aber die obige Zeile gibt mir unten angegebenen Fehler

  Fehler: Pfad "Cl iientApp/"ist ungültig. Pfad "ClientApp /" ist ungültig.

Bitte helfen Was ist, dass ich fehle ....

Answer 1

VS 2017 Winkel Vorlage Pre-Rendering ist standardmäßig aktiviert. Wenn Sie nicht, dass deaktiviert haben, stellen Sie sicher, dass nach der Wurzel bis zur Client-Anwendung zu ändern

• Änderung des .angular.cli: Änderung als

  "root" folgt: "ClientApp",

  "OutDir": "ClientApp/dist",

• den ClientApp Ordner wie folgt ändern

Benennen Sie app.module.client.ts in app.client.module.ts um. Öffnen Sie app.client.module.ts: Fügen Sie die Deklaration mit 3 Punkten "..." voran und verpacken Sie die Deklaration in Klammern.

Zum Beispiel: [... sharedConfig.Deklarationen,]

Öffnen Sie boot-client.ts: Aktualisieren Sie Ihren Import, um die neue app.client.module-Referenz zu verwenden. Zum Beispiel: Import {AppModule} von './app/app.client.module'; Hier

Answer 2

ist die Antwort für Angular CLI mit VS 2017 Angular Template

https://www.codeproject.com/Tips/1208529/Angular-CLI-and-ASP-NET-Core-Angular-Template