我在阅读相关问题时发现了这个问题,但我的问题是如何从开发模式切换到生产模式。这里指出了两种模态之间的一些区别。

在控制台中我可以看到....调用enableProdMode()来启用生产模式。但是,我不确定应该在哪种类型的实例上调用该方法。

有人能回答这个问题吗?


当前回答

当我用angular-cli构建一个新项目时。包含一个名为environment.ts的文件。在这个文件中有一个这样的变量。

export const environment = {
  production: true
};

然后是main。t你有这个。

import './polyfills.ts';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/';

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

platformBrowserDynamic().bootstrapModule(AppModule);

你可以把它添加到一个非angular-cli的项目中,我假设,因为enableProdMode()是从@angular/core导入的。

其他回答

你可以在你的app.ts || main中使用。ts文件

import {enableProdMode} from '@angular/core';
enableProdMode();
bootstrap(....);

当我用angular-cli构建一个新项目时。包含一个名为environment.ts的文件。在这个文件中有一个这样的变量。

export const environment = {
  production: true
};

然后是main。t你有这个。

import './polyfills.ts';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/';

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

platformBrowserDynamic().bootstrapModule(AppModule);

你可以把它添加到一个非angular-cli的项目中,我假设,因为enableProdMode()是从@angular/core导入的。

你可以通过导入并执行函数来启用它(在调用bootstrap之前):

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

enableProdMode();
bootstrap(....);

但是这个错误指示您的绑定出了问题,因此您不应该忽略它,而应该尝试找出发生这种情况的原因。

在angular 6.X.X中启用生产模式 转到环境文件

就像这条路径

您的路径:项目>\src\environments\environment.ts

更改生产:false from:

export const environment = {
  production: false
};

To

export const environment = {
  production: true
};

当使用ng build命令时,它会覆盖环境。ts文件

默认情况下,使用ng build命令设置开发环境

为了使用生产环境,请使用以下命令 Ng build——env=prod

这将启用生产模式并自动更新环境。ts文件