导致错误的原因：无法解析EventsListComponent的所有参数：（？）？

Question

@Injectable()
export class EventService {
  getEvents() {
    return EVENTS;
  }
}

const EVENTS = [
  {
    id: 1,
    name: 'Angular Connect',
    date: '9/26/2036',
    time: '10:00 am',
    price: 599.99,
    imageUrl: '/assets/images/angularconnect-shield.png',
    location: {
      address: '1057 DT',
      city: 'London',
      country: 'England'
    }
  }
];

并在app.module.ts中注册

@NgModule({
  imports: [
    BrowserModule
  ],
  declarations: [
    EventsAppComponent,
    EventsListComponent,
    EventThumbnailComponent,
    NavBarComponent
  ],
  providers: [EventService],
  bootstrap: [EventsAppComponent]
})

根据课程，下面应该将服务注入到我的组件中（但会导致前面提到的错误）

export class EventsListComponent {
  events: any[];
  constructor(private eventService: EventService) {
    // should be done in the onInit hook but that is the next step in the course
    this.events = this.eventService.getEvents();
  }
}

我可以按照以下方式修改代码来修复这个问题

export class EventsListComponent {
  events: any[];
  eventService: EventService;
  constructor(@Inject(EventService) eventService: EventService) {
    this.eventService = eventService;
    this.events = this.eventService.getEvents();
  }
}

Answer 1

我设法解决了这个问题。

这似乎与他们使用的依赖项之一过时有关。

我通过使用创建新的angular项目时生成的默认依赖结构解决了它。然后，我手动添加了jquery依赖项和ngf-bootstrap依赖项。