Angular生产构建报错：无法在平台初始化后启用生产模式

你遇到的这个错误，核心问题出在调用isDevMode()的时机太早了。

看一下你的api.service.ts代码：这段判断isDevMode()的逻辑写在服务类的顶层作用域里——也就是说，当Angular加载AppModule、还没完成平台初始化的时候，这段代码就已经执行了。而isDevMode()内部会检查Angular的平台状态，此时平台已经开始启动流程，哪怕你没有主动去调用enableProdMode()，这个内部检查也会触发"Cannot enable prod mode after platform setup"的限制。

下面是两种解决方法，优先推荐第一种：

方案1：用环境变量替代isDevMode()（官方推荐） #

Angular提供的environment变量就是专门用来做环境判断的，它是编译时替换的——prod构建时会自动用environment.prod.ts的配置，完全不会有运行时的平台状态冲突问题。

修改步骤： #

1. 先在api.service.ts里导入环境变量：

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

2. 把原来的isDevMode()判断替换成environment.production：

// 先删掉isDevMode的导入语句
// import { isDevMode } from '@angular/core';

let httpOptions;

// 开发环境（environment.production为false）
if (!environment.production) {
  httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json',
      'Authorization': `Basic ${btoa(`${user}:${password}`)}`,
      'Access-Control-Allow-Origin': '*'
    })
  };
} else { // 生产环境
  httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json',
      'Access-Control-Allow-Origin': '*'
    })
  };
}

这样修改后，prod构建时environment.production会被替换为true，完全避开了isDevMode()带来的平台状态问题。

方案2：延迟isDevMode()的调用时机（不推荐） #

如果确实需要用isDevMode()，那你得把判断逻辑放到服务的构造函数或者ngOnInit钩子（需要服务实现OnInit接口）里，确保在Angular平台完全初始化之后再调用：

import { Injectable, OnInit, isDevMode } from '@angular/core';
import { HttpHeaders } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class ApiService implements OnInit {
  httpOptions: any;
  // 假设user和password是你已经定义好的变量
  user = 'your-username';
  password = 'your-password';

  ngOnInit(): void {
    if (isDevMode()) {
      this.httpOptions = {
        headers: new HttpHeaders({
          'Content-Type': 'application/json',
          'Authorization': `Basic ${btoa(`${this.user}:${this.password}`)}`,
          'Access-Control-Allow-Origin': '*'
        })
      };
    } else {
      this.httpOptions = {
        headers: new HttpHeaders({
          'Content-Type': 'application/json',
          'Access-Control-Allow-Origin': '*'
        })
      };
    }
  }
}

注意：这种方式不如第一种可靠，因为isDevMode()的返回值依赖于运行时状态，而环境变量是编译时确定的，更适合做环境相关的配置。

修改完成后，重新执行ng build --prod构建生产包，启动应用后应该就不会再出现这个错误了。

内容的提问来源于stack exchange，提问作者alim1990