Dies scheint einfach zu sein, aber ich konnte keine Lösung finden.

Wie überprüfe ich, ob meine App im Produktionsmodus oder im Entwicklungsmodus ausgeführt wird?

Sie können diese Funktion isDevMode verwenden

import { isDevMode } from '@angular/core';

...
export class AppComponent { 
  constructor() {
    console.log(isDevMode());
  }
}

Ein Hinweis : Seien Sie vorsichtig mit dieser Funktion

if(isDevMode()) {
  enableProdMode();
}

Sie erhalten

Fehler: Der Prod-Modus kann nach dem Einrichten der Plattform nicht aktiviert werden

• https://github.com/angular/angular/blob/2.0.0/modules/%40angular/core/src/application_ref.ts#L58

Andere Optionen

Umgebungsvariable

import { environment } from 'src/environments/environment';

if (environment.production) {
  //
}

injiziert durch die Variable webpack process.env.NODE_ENV

declare let process: any;
const env = process.env.NODE_ENV;

if (env  === 'production') {
  //
}

Gemäß dem Angular Deployment-Handbuch unter https://angular.io/guide/deployment#enable-production-mode :

Das Erstellen für die Produktion (oder das Anhängen des Flags --environment = prod) aktiviert den Produktionsmodus. Sehen Sie sich die generierte CLI an, um main.tszu sehen, wie dies funktioniert.

main.ts hat folgendes:

import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

Überprüfen Sie also environment.production, ob Sie in Produktion sind.

Höchstwahrscheinlich möchten Sie NICHT anrufen isDevMode(). Gemäß der Angular API-Dokumentation unter https://angular.io/api/core/isDevMode :

Nach einmaligem Aufruf ist der Wert gesperrt und ändert sich nicht mehr ... Standardmäßig ist dies der Fall, es sei denn, ein Benutzer ruft enableProdMode auf, bevor er dies aufruft.

Ich habe festgestellt, dass das Aufrufen isDevMode()von einem ng build --prodBuild immer true zurückgibt und Sie immer daran hindert, im Dev-Modus zu laufen. Überprüfen environment.productionSie stattdessen, ob Sie in Produktion sind. Dann bleiben Sie im Produktionsmodus.

es hängt davon ab, was Sie fragen ...

Wenn Sie modeAngular kennenlernen möchten , wie @yurzui sagte, müssen Sie anrufen, { isDevMode } from @angular/coreaber es kann falsenur zurückkehren, wenn Sie enableProdModevorher anrufen .

Wenn Sie die Build-Umgebung kennenlernen möchten, dh wenn Ihre App minimiert ausgeführt wird oder nicht, müssen Sie eine Build-Variable in Ihrem Build-System festlegen ... Verwenden WebpackSie beispielsweise einen Blick darauf definePlugin.

https://webpack.github.io/docs/list-of-plugins.html#defineplugin

new webpack.DefinePlugin({
  ENV_PRODUCTION: !!process.env.NODE_ENV
});

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
import { enableProdMode } from '@angular/core';
import { AppModule } from './app.module'


platformBrowserDynamic().bootstrapModule(AppModule);
enableProdMode();

Dies war mein Code, daher habe ich den gleichen Fehler erhalten. Ich habe gerade Zeile 3 und 4 vertauscht. Dann ist das Problem behoben . Vor dem Bootstrapping-Modul sollten wir also den --prod-Modus aktivieren.

Das richtige kann auf diese Weise gesetzt werden,

enableProdMode()
platformBrowserDynamic().bootstrapModule(AppModule);

Sie sollten darauf achten, dass Sie den Rückgabewert der isDevMode()Funktion überprüfen .

Mein Setup schlug fehl, weil ich nach Existenz suchte: if (isDevMode)war immer true, sogar in der Produktion, weil ich es mit deklariert habe import { isDevMode } from '@angular/core';.

if (isDevMode())zurück falserichtig.

Überprüfen Sie einfach die in der Umgebungsdatei vorhandene Produktionsvariable. Sie ist für den Produktionsmodus wahr und für die Entwicklung falsch.

import { environment } from 'src/environments/environment';

if (environment.production) {
  // for production
} else {
  // for development
}