Angular 环境组合问题

Question

错误：src/app/components/rooms/add-room/services/room.service.ts:40:51 - 错误 TS2339：类型“{}”上不存在属性“apiBaseUrl”。

40 返回 this.http.delete(

${environment.apiBaseUrl}/api/Rooms/${id}

); ~~~~~~~~~~

** Angular Live Development Server 正在监听 localhost:4200，打开浏览器 http://localhost:4200/ **

× 编译失败。

如何解决这个错误，我使用的是 Angular 16

Answer 1

确保您的 apiBaseUrl 变量在每个 src/environments/ 目录中定义。 例子：

环境.ts

export const environment = {
  production: true,
  apiBaseUrl: 'http://my-url'
};

环境.开发.ts

export const environment = {
  production: false,
  apiBaseUrl: 'http://my-url'
};

要使用您定义的环境配置，您的服务必须导入原始环境文件：

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


this.http.delete(‘${environment.apiBaseUrl}/api/Rooms/${id}’);