Ich habe verwandte Fragen gelesen und diese gefunden , aber meine Frage ist, wie ich vom Entwicklungs- zum Produktionsmodus wechseln kann. Es gibt einige Unterschiede zwischen den Modi, auf die hier hingewiesen wird .
In der Konsole kann ich sehen ....Call enableProdMode() to enable the production mode.
. Ich bin mir jedoch nicht sicher, für welchen Typ ich diese Methode aufrufen soll.
Kann jemand diese Frage beantworten?
Antworten:
Sie aktivieren es, indem Sie die Funktion importieren und ausführen (bevor Sie bootstrap aufrufen):
Dieser Fehler ist jedoch ein Hinweis darauf, dass etwas mit Ihren Bindungen nicht stimmt. Sie sollten ihn also nicht einfach schließen, sondern herausfinden, warum dies geschieht.
quelle
ng.core.enableProdMode()
ionic start test sidemenu --v2 --ts
sehe ich,app.ts
aber wo heißt diese Bootstrap-Funktion?Der beste Weg, um den Produktionsmodus für eine Angular 2-Anwendung zu aktivieren, besteht darin, angle-cli zu verwenden und die Anwendung mit zu erstellen
ng build --prod
. Dadurch wird die Anwendung mit dem Produktionsprofil erstellt. Die Verwendung von angle-cli hat den Vorteil, dass der Entwicklungsmodus mithilfeng serve
oderng build
während der Entwicklung verwendet werden kann, ohne dass der Code ständig geändert wird.quelle
Dies funktionierte bei mir mit der neuesten Version von Angular 2 (2.0.0-rc.1):
main.ts
Hier ist die Funktionsreferenz aus ihren Dokumenten: https://angular.io/api/core/enableProdMode
quelle
enableProdMode
Ihnen nicht sagt, wo Sie sie nennen sollen.Als ich ein neues Projekt mit Angular-Cli erstellt habe. Eine Datei namens environment.ts wurde hinzugefügt. In dieser Datei befindet sich eine solche Variable.
Dann haben Sie in main.ts dies.
Sie könnten dies zu einem Nicht-Angular-Cli-Projekt hinzufügen, da enableProdMode () aus @ angle / core importiert wird.
quelle
Gehen Sie zu
src/enviroments/enviroments.ts
und aktivieren Sie den Produktionsmodusfür Winkel 2
quelle
So aktivieren Sie den Produktionsmodus in Angle 6.XX Gehen Sie einfach zur Umgebungsdatei
Wie dieser Weg
Dein Weg:
project>\src\environments\environment.ts
Wechsel
production: false
von:Zu
quelle
Meistens wird der Prod-Modus während der Entwicklungszeit nicht benötigt. Daher besteht unsere Problemumgehung darin, es nur zu aktivieren, wenn es NICHT localhost ist.
In Ihren Browsern, in
main.ts
denen Sie Ihr Root-AppModule definieren:Das
isLocal
kann auch für andere Zwecke verwendet werden , wieenableTracing
für dieRouterModule
bessere Debug - Stack - Trace während dev Phase.quelle
Wenn der Befehl ng build verwendet wird, überschreibt er die Datei environment.ts
Wenn der Befehl ng build verwendet wird, wird standardmäßig die Entwicklungsumgebung festgelegt
Verwenden Sie den folgenden Befehl ng build --env = prod, um die Produktionsumgebung zu verwenden
Dadurch wird der Produktionsmodus aktiviert und die Datei environment.ts automatisch aktualisiert
quelle
ng build --configuration=production
(standardmäßig unter Verwendung der von der CLI generierten Datei angle.json).Sie können in Ihren app.ts || verwenden main.ts Datei
quelle
Für diejenigen, die den Upgrade-Pfad ausführen, ohne auch zu TypeScript zu wechseln, verwenden Sie:
Für mich (in Javascript) sieht das so aus:
quelle
Sie benötigen keine environment.ts oder eine solche Datei, die von Ihrem Seed-Projekt bereitgestellt wird. Haben Sie einfach eine configuration.ts und fügen Sie alle Einträge hinzu, für die eine Laufzeitentscheidung erforderlich ist (Beispiel: - Protokollierungskonfiguration und URLs). Dies passt in jede Designstruktur und hilft auch in Zukunft
configuration.ts
// Jetzt in Ihrem Startcode verwenden (main.ts oder gleichwertig gemäß dem Seed-Projektdesign
quelle
isInProductionMode
als wahr / falsch? in der Bauzeit?Setzen Sie in der Datei environment.ts die Produktion auf true
quelle
ng build --prod
ersetzt environment.ts durch environment.prod.tsng build --prod
quelle
In meinem Angular 2-Projekt gibt es in der Datei "main.ts" keine anderen Antworten, aber in der Datei " boot.ts ", die ungefähr dasselbe zu sein scheint. (Der Unterschied ist wahrscheinlich auf verschiedene Versionen von Angular zurückzuführen.)
Das Hinzufügen dieser beiden Zeilen nach der letzten
import
Anweisung in "boot.ts" hat bei mir funktioniert:quelle