Ng build -prod取代环境。Ts和environment. products . Ts

Ng build -prod

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

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

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

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

在开发期间，大多数时候不需要使用prod模式。因此，我们的解决方法是只在它不是localhost时启用它。

在浏览器的主界面中。这里定义了你的根模块AppModule:

const isLocal: boolean = /localhost/.test(document.location.host);
!isLocal && enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);

isLocal也可以用于其他目的，比如为RouterModule启用enableTracing，以便在开发阶段更好地调试堆栈跟踪。

对于那些没有切换到TypeScript的升级路径:

ng.core.enableProdMode()

对我来说(javascript)这看起来像:

var upgradeAdapter = new ng.upgrade.UpgradeAdapter();
ng.core.enableProdMode()
upgradeAdapter.bootstrap(document.body, ['fooApp']);

在Angular 10中:

找到文件路径。/environments/environment。Ts在你的“应用程序”和设置“生产”为“真”。

之前的改变:

export const environment = {
  production: false
};

后的变化:

export const environment = {
  production: true
};

我希望这对你有所帮助。

当我用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导入的。