Angular 16集成ng-openapi-gen生成的ApiService时页面异常求助

我通过ng-openapi-gen从后端生成了API客户端代码，在Angular 16项目中尝试使用该API。

当app.component.ts内容如下时，应用运行完全正常：

import { Component } from '@angular/core';
import { ApiService} from './api/services/api.service'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'ngClient';
}

但在组件中添加构造函数注入ApiService后，页面无法正常显示，浏览器开发者工具报错（错误截图：）。修改后的代码如下：

import { Component } from '@angular/core';
import { ApiService} from './api/services/api.service'

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'ngClient';
  constructor(private apiService: ApiService) {  }
}

有没有人遇到过类似问题？恳请提供解决思路，谢谢！

内容的提问来源于stack exchange，提问作者Philippe Corrèges