该问题通常是因为在多个组件之间共享变量时引起的。在此示例中，可能在多个组件中定义了相同的服务变量名称，导致错误。解决此问题的方法是为每个组件创建一个单独的服务实例，以避免命名冲突。

示例代码：

// 创建一个新的服务实例 @Injectable() export class MapService { constructor() {} }

// 在组件中使用服务实例 @Component({ selector: 'app-map', templateUrl: './map.component.html', styleUrls: ['./map.component.css'] }) export class MapComponent { map: any; markers: any[] = []; private mapService: MapService;

constructor(mapService: MapService) { this.mapService = mapService; }

ngOnInit() { // ... }

onMapClick(event) { // ... } }

// 在另一个组件中使用服务实例 @Component({ selector: 'app-popup', templateUrl: './popup.component.html', styleUrls: ['./popup.component.css'] }) export class PopupComponent { private mapService: MapService;

constructor(mapService: MapService) { this.mapService = mapService; } }