2017-01-31 1 views
0

Im mit der neuesten Version von angular-CLI. Wenn ich richtig verstanden habe, kann ich ng build verwenden, um ein kompiliertes Projekt in einer js-Darstellung zu erhalten. In einem/dist-Ordner, laut Dokumentation standardmäßig.Angular CLI, NG-Build-Befehl kompiliert nicht richtig

Im neu mit JS, so einfach ich kann nicht verstehen, wie kann ich das Projekt starten ...

Befehl funktioniert gut, und ich kann eine Reihe von Dateien in einem Ordner finden, aber wie kann ich ein Projekt starten wie erwartet (wie es in einem Dev-Modus mit ts-Dateien war)? Ich meine, einfach Index.html starten zeigt mir nur einen "Laden" Text, aber die Anwendung startet nicht, wie es erwartet wurde.

Hilfe bitte. Danke!

Antwort

1

Sie benötigen einen Webserver. Kopieren Sie einfach den Inhalt des Verzeichnisses/dist in den Root eines Webservers, und schon kann es losgehen.

Was ist Ihr Ziel? Ng build soll eine verteilbare Version Ihrer App erstellen, ng serve ist für die lokale Entwicklung gedacht.

+1

habe gerade eine Antwort: http://stackoverflow.com/questions/37558656/angular-clis-ng-build-doesnt-produce-a-working-project. Ich musste hier in index.html einen Punkt hinzufügen. Danke für die Aufmerksamkeit, Mike! – Michael

+0

Ah großartig. Genieße Angular2, es ist exzellent! – MikeOne

1

Selbst wenn Sie die App aus einer Datei ausführen, mit messing Base href etc, könnten einige Dinge nicht funktionieren (vielleicht AJAX, etc). Der Ordner dist ist für die Verwendung mit einem Server vorgesehen.

Wenn Sie nur die App durchsuchen möchten, unabhängig von den Dateien, können Sie ng serve ausführen, die die App im Speicher (für Geschwindigkeit) http://localhost:4200 dient, und sitzen und beobachten für Änderungen und aktualisieren Sie die Seite wenn du sie machst.

Wenn Sie mit der Entwicklung fertig sind, führen Sie ng build aus und nehmen den Inhalt des Verzeichnisses dist auf Ihren Server.

1

diesen Befehl

ng build -prod 

in der environments/environment.ts Datei! Auch die Eigenschaft "production":true

export const environment = { 
    production: true 
}; 

dass ein dist Ordner erstellen, bereit

0

Es gibt neue Winkel- bereitstellen cli Werkzeug, installieren Sie das

Führen Sie diese eins nach dem anderen ...

npm uninstall -g angular-cli 
npm uninstall -g @angular/cli 
npm cache clean 
npm install -g @angular/cli 

ich das node_modules Verzeichnis vollständig entfernt (rm -rf node_modules dist), ein neues Projekt generieren und vergleichen Sie Dateien wie Ihre package.json, Winkel cli.json von ng new temp Vergleichen & Die Datei package.json wurde so geändert, dass sie den "Abhängigkeiten" und "devDependencies" entspricht. Korrektur der angular-cli.json-Datei für Änderungen in den Umgebungskonfigurationen.

Lauf ng serve nach dem npm install