Angular 15执行ng generate environments报错，求助解决办法

问题原因 #

你执行的ng generate environments不是Angular CLI 15.x版本内置的有效schematic命令，Angular CLI的generate指令要求必须指定合法的schematic（如component、service等），因此触发了Error: A collection and schematic is required during execution错误。

解决方案 #

Angular环境配置文件推荐手动创建，这是官方认可的标准方式，步骤如下：

1. 创建环境文件夹与文件
   在项目根目录的src文件夹下新建environments目录，然后在该目录中创建两个文件：

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

     export const environment = {
       production: false,
       // 可添加自定义配置项，如接口地址
       apiBaseUrl: 'http://localhost:3000/api'
     };
     

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

     export const environment = {
       production: true,
       apiBaseUrl: 'https://your-production-domain.com/api'
     };
     

2. 验证angular.json配置
   打开项目根目录的angular.json文件，确认projects -> [你的项目名] -> architect -> build -> configurations -> production节点下，已正确配置文件替换规则：

   "configurations": {
     "production": {
       "fileReplacements": [
         {
           "replace": "src/environments/environment.ts",
           "with": "src/environments/environment.prod.ts"
         }
       ],
       // 其他生产环境配置（如压缩、优化等）...
     }
   }
   

   若该配置缺失，手动添加即可。

3. 使用环境配置
   在项目代码中导入并使用环境变量：

   import { environment } from '../environments/environment';
   
   console.log('当前环境:', environment.production ? '生产' : '开发');
   console.log('接口地址:', environment.apiBaseUrl);
   

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