javascript - Angular - Argument of type is not assignable to parameter - Stack Overflow

admin管理员组

文章数量:1350800

TypeScript shows me below erros in appponent.ts:

Argument of type '(events: Event[]) => void' is not assignable to parameter of type '(value: Event[]) => void'.

Types of parameters 'events' and 'value' are inpatible.

Type 'Event[]' is not assignable to type 'import("/home/src/app/models/event.interface").Event[]'.

Type 'Event' is missing the following properties from type 'Event': _id, name, date

Here is my code:

event.interface.ts

export interface Event{
    _id: string;
    name: string;
    date: Date;
}

app.service.ts

  getEvents(): Observable<Event[]> {
    return this.http.get<Event[]>('www.example/your-events')
  }

appponent.ts

  ngOnInit() {
    this.appService.getEvents().subscribe(
      (events: Event[]) => {
        this.promotersEvents = events;
      }
    )
  }

What is wrong with my code? Thanks for advice!

TypeScript shows me below erros in app.ponent.ts:

Argument of type '(events: Event[]) => void' is not assignable to parameter of type '(value: Event[]) => void'.

Types of parameters 'events' and 'value' are inpatible.

Type 'Event[]' is not assignable to type 'import("/home/src/app/models/event.interface").Event[]'.

Type 'Event' is missing the following properties from type 'Event': _id, name, date

Here is my code:

event.interface.ts

export interface Event{
    _id: string;
    name: string;
    date: Date;
}

app.service.ts

  getEvents(): Observable<Event[]> {
    return this.http.get<Event[]>('www.example./your-events')
  }

app.ponent.ts

  ngOnInit() {
    this.appService.getEvents().subscribe(
      (events: Event[]) => {
        this.promotersEvents = events;
      }
    )
  }

What is wrong with my code? Thanks for advice!

• javascript
• angular
• typescript

Share Improve this question Follow edited Sep 30, 2021 at 21:33 Guerric P 31.9k66 gold badges5858 silver badges106106 bronze badges asked Feb 27, 2019 at 8:14 tymeqtymeq 4911 gold badge22 silver badges55 bronze badges 1

• 1 Just a wild guess that your interface overlapping with the Angular's type event, I would try to change the name of your interface – Serg.ID Commented Feb 27, 2019 at 8:19

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

You probably forgot to import the Event interface in app.service.ts or in app.ponent.ts and one of the Event you are referring to is the native Javascript Event.

If that doesn't help, try to rename the interface so it doesn't conflict with Ecmascript definition files.

本文标签： javascriptAngularArgument of type is not assignable to parameterStack Overflow