Angular CLI 16执行ng generate enviroments报错，求正确生成ENVIRONMENTS方法

一、修正CLI命令 #

你执行的命令存在拼写错误，正确的命令应该是：

ng generate environments

或使用简写：

ng g environments

如果仍提示需要指定schematic，可明确指定Angular官方schematics：

ng generate @schematics/angular:environments

二、手动创建的完整配置步骤 #

若选择手动创建，需确保完成以下配置，避免遗漏：

1. 创建文件夹与核心文件
   在项目根目录下新建src/environments文件夹，然后创建两个文件：

   • environment.ts（开发环境配置）：

     export const environment = {
       production: false,
       // 可添加自定义开发环境变量，如API地址等
       apiUrl: 'http://localhost:3000'
     };
     

   • environment.prod.ts（生产环境配置）：

     export const environment = {
       production: true,
       apiUrl: 'https://api.yourdomain.com'
     };
     

2. 配置angular.json
   找到项目对应的build和test配置节点，确保production环境的文件替换规则正确：
   在projects.[your-project-name].architect.build.configurations.production下添加/确认：

   "fileReplacements": [
     {
       "replace": "src/environments/environment.ts",
       "with": "src/environments/environment.prod.ts"
     }
   ]
   

   同样，在test配置的configurations.production下也可添加相同的替换规则（按需）。

3. 确认tsconfig配置
   检查tsconfig.json的include字段，确保包含src/environments目录（默认已包含，无需额外修改，若缺失则添加）：

   "include": [
     "src/**/*"
   ]
   

4. 代码中使用环境变量
   在组件或服务中导入配置使用：

   import { environment } from '../environments/environment';
   
   // 示例：使用API地址
   console.log('当前API地址:', environment.apiUrl);
   

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