In Winkel 2 benutze ich
ng g c componentname
Da es in Angular 4 nicht unterstützt wird, habe ich es manuell erstellt, aber es zeigt den Fehler, dass es kein Modul ist.
angular-cli
surbhiGoel
quelle
quelle
ng generate component componentname
, gemäß der Dokumentationng g c <componentname>
ODERng generate component <Name>
Antworten:
Generieren und Bereitstellen eines Angular-Projekts über einen Entwicklungsserver -
Gehen Sie zuerst zu Ihrem Projektverzeichnis und geben Sie Folgendes ein:
Hier ist " D: \ Angular \ my-app> " mein Projektverzeichnis für Angular-Anwendungen und " Benutzer " ist der Name der Komponente.
Das Kommando sieht aus wie -
quelle
In Angular4 funktioniert dies genauso. Wenn Sie eine Fehlermeldung erhalten, liegt Ihr Problem vermutlich woanders.
Geben Sie in der Eingabeaufforderung ein
Es gibt sogar Kürzel dafür: die Befehle
generate
wie verwendet werden können ,g
undcomponent
wiec
:Sie können verwendet werden
ng --help
,ng g --help
oderng g c --help
für die Dokumentation.Benennen Sie IHREN KOMPONENTENNAME natürlich in den Namen um, den Sie verwenden möchten.
Update: Dies funktioniert weiterhin in Angular Version 8.
quelle
--force
Option (Kurzform: -f) verwenden, um Dateien zu überschreiben.1) Gehen Sie zuerst zu Ihrem Projektverzeichnis
2) Führen Sie dann unter Befehl im Terminal aus.
ODER
3) Danach sehen Sie eine Ausgabe wie folgt:
quelle
Wenn Sie eine neue Komponente ohne
.spec
Datei erstellen möchten , können Sie verwendenSie finden diese Optionen mit
ng g c --help
quelle
Es generiert die Komponente und fügt die Komponente Moduldeklarationen hinzu.
Wenn Sie eine Komponente manuell erstellen, sollten Sie die Komponente in der Deklaration des Moduls wie folgt hinzufügen:
quelle
Stellen Sie sicher, dass Sie sich in Ihrer Projekt-Cmd-Zeile befinden
quelle
Zum Erstellen einer Komponente unter einem bestimmten Ordner
In dieser Zeile wird ein Ordnername "Mitarbeiter" erstellt, unter dem eine Komponente "Mitarbeiter erstellen" erstellt wird.
ohne einen Ordner zu erstellen
quelle
ng generate component component_name funktionierte in meinem Fall nicht, da ich 'app' nicht als Projektordnernamen verwendet habe, sondern in etwas anderes umbenannt habe. Ich habe es wieder in App geändert. Jetzt funktioniert es gut
quelle
Dieser Befehl wird zum Generieren von Komponenten mit dem Terminal verwendet, das ich in angle2 verwende.
quelle
Es werden die folgenden 4 Dateien erstellt:
componentname.css
componentname.html
componentname.spec.ts
componentname.ts
quelle
In meinem Fall habe ich zufällig eine andere
.angular-cli.json
Datei in meinemsrc
Ordner. Das Entfernen löste das Problem. Ich hoffe es hilftangular 4.1.1
angular-cli 1.0.1
quelle
Bevor Sie diese Empfehlungsprüfung eingeben, befinden Sie sich in Ihrem Projektanweisungspfad
quelle
ng gc --dry-run, damit Sie sehen können, was Sie gerade tun, bevor Sie es tatsächlich tun, erspart Ihnen einige Frustrationen. Zeigt Ihnen nur, was es tun wird, ohne es tatsächlich zu tun.
quelle
Sie sollten sich in der
src/app
Befehlszeile im Ordner Ihres Angular-Cli-Projekts befinden. Beispielsweise:Nur dann wird Ihre Komponente generiert.
quelle
Haben Sie den Angular-Cli auf die neueste Version aktualisiert? oder haben Sie versucht, Node oder Npm oder Typoskript zu aktualisieren? Dieses Problem tritt aufgrund von Versionen wie Angular / Typoskript / Knoten auf. Wenn Sie die CLI aktualisieren, verwenden Sie diesen Link hier. https://github.com/angular/angular-cli/wiki/stories-1.0-update
quelle
Gehen Sie zu Ihrem eckigen Projektordner und öffnen Sie den Befehl promt einen Typ "ng g Komponentenheader", wobei Header die neue Komponente ist, die Sie erstellen möchten. Standardmäßig wird die Headerkomponente innerhalb der App-Komponente erstellt. Sie können Komponenten innerhalb von erstellen Komponente. Wenn Sie beispielsweise eine Komponente in dem oben erstellten Header erstellen möchten, geben Sie "ng g Komponenten-Header / Menü" ein. Dadurch wird eine Menükomponente innerhalb der Header-Komponente erstellt
quelle
ng g c COMPONENTNAME
sollte funktionieren, wenn Sie Modul Ausnahme nicht gefunden bekommen, dann versuchen Sie diese Dinge-quelle
Gehen Sie zum Projektspeicherort im angegebenen Ordner
Hier können Sie den Befehl eingeben
Hier bedeutet g erzeugen, c bedeutet Komponente, Benutzer ist der Komponentenname
Es werden die 4 Dateien generiert
quelle
Schritt 1:
Holen Sie sich in das Projektverzeichnis! (CD in erstellte App).
Schritt 2:
Geben Sie den folgenden Befehl ein und führen Sie ihn aus!
ng generate component [componentname]
ODER
ng generate c [componentname]
Beides wird funktionieren
Als Referenz können Sie diesen Abschnitt der Winkeldokumentation lesen!
https://angular.io/tutorial/toh-pt1
Als Referenz sehen Sie sich auch den Link zu Angular Cli auf Github an!
https://github.com/angular/angular-cli/wiki/generate-component
quelle
Die Komponente wird automatisch in module.ts importiert
quelle
Wechseln Sie in Ihr Projektverzeichnis in CMD und führen Sie die folgenden Befehle aus. Sie können auch das Visual Studio-Code-Terminal verwenden.
ng generate component "component_name"
ODER
ng g c "component_name"
Ein neuer Ordner mit
"component_name"
wird erstelltNeue Komponente wird automatisch Modul hinzugefügt.
Sie können das Erstellen einer Spezifikationsdatei vermeiden, indem Sie den folgenden Befehl ausführen
ng g c "component_name" --nospec
quelle
Es gibt hauptsächlich zwei Möglichkeiten, eine neue Komponente in Angular zu generieren. Eine
ng g c <component_name>
andere Möglichkeit ist die Verwendung vonng generate component <component_name>
. Mit einem dieser Befehle kann eine neue Komponente generiert werden.quelle
CD zu Ihrem Projekt und ausführen,
ODER
(Dadurch wird ein neuer Ordner unter dem Ordner "app" mit dem Namen "Warenkorb" erstellt und .html-, .ts-, .css. Specs-Dateien erstellt.)
Wenn Sie keine .spec-Datei generieren möchten
Wenn Sie eine Komponente in einem bestimmten Ordner unter "App" erstellen möchten
(Sie erhalten die Ordnerstruktur "App / E-Commerce / Warenkorb")
quelle