Angular 17调用environment.ts的endpoint属性遇TS2339错误求助

1. 补全环境变量的类型声明 #

Angular 17依赖类型声明文件做类型校验，若environment.d.ts缺失或未包含endpoint属性，会触发类型错误。

• 在src/environments目录下创建/修改environment.d.ts：

  export interface Environment {
    production: boolean;
    endpoint: string;
  }
  

• 修改environment.ts，明确指定类型：

  import { Environment } from './environment.d';
  
  export const environment: Environment = {
    production: false,
    endpoint: 'http://localhost:3000/api/cabin/'
  };
  

2. 验证导入路径正确性 #

检查服务中environment的导入路径../../environments/environment是否与项目实际结构匹配。若服务位于src/app/services下，正确路径应为../environments/environment（根据层级调整）。

3. 清理缓存并重启服务 #

类型缓存可能导致旧定义未更新，执行以下命令：

ng cache clean
ng serve

4. 确认angular.json中的环境配置 #

确保环境文件替换规则正确，避免环境变量未被加载：

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

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