Angular项目构建/启动时始终默认development环境问题求助

1. 核对angular.json配置细节 #

Build配置检查 #

确保projects -> [你的项目名] -> architect -> build -> configurations下三个环境的fileReplacements路径完全正确，注意文件名大小写（Linux/macOS环境敏感）：

"configurations": {
  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.production.ts"
      }
    ],
    // 其他production专属配置
  },
  "development": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.development.ts"
      }
    ]
  },
  "local": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.local.ts"
      }
    ]
  }
}

同时确认build节点的defaultConfiguration设置是否符合预期（指定--configuration参数会覆盖默认配置）。

Serve配置检查 #

确保architect -> serve -> configurations正确关联对应的build配置：

"configurations": {
  "production": {
    "browserTarget": "[你的项目名]:build:production"
  },
  "development": {
    "browserTarget": "[你的项目名]:build:development"
  },
  "local": {
    "browserTarget": "[你的项目名]:build:local"
  }
}

2. 验证npm脚本正确性 #

检查package.json中的脚本是否正确传递配置参数，示例：

"scripts": {
  "start": "ng serve",
  "start:local": "ng serve -c local",
  "start:dev": "ng serve -c development",
  "build:prod": "ng build -c production"
}

注意参数为-c（--configuration的缩写），避免写成--config等错误格式。

3. 确认环境文件导入方式 #

代码中必须导入基础的environment.ts，而非具体环境文件，否则会跳过构建时的文件替换逻辑：

// 正确写法
import { environment } from './environments/environment';

// 错误写法
import { environment } from './environments/environment.local';

4. 清理构建缓存 #

执行以下命令彻底清理缓存和旧构建产物：

ng clean
rm -rf dist  # Windows系统替换为 rmdir /s /q dist

5. 检查环境文件内容 #

确保每个环境文件的标识字段（如envName）和apiUrl设置正确，示例：

• environment.local.ts：

export const environment = {
  production: false,
  envName: 'local',
  apiUrl: 'http://localhost:3000/api'
};

• environment.development.ts：

export const environment = {
  production: false,
  envName: 'development',
  apiUrl: 'https://dev-api.example.com'
};

6. 验证命令执行日志 #

执行命令时观察终端输出，确认是否加载了目标配置：
比如执行ng serve -c local，终端应显示加载local配置的相关日志，若日志始终显示development，则说明配置关联仍存在问题。

若以上步骤排查后仍未解决，可贴出angular.json的完整配置片段、环境文件内容及npm脚本，进一步定位问题。

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