Угловой 6 - Rxjs 6 - Наблюдаемый тип <Object>не присваивается типу Наблюдаемый <Item> - PullRequest
Новая
       7

Угловой 6 - Rxjs 6 - Наблюдаемый тип <Object>не присваивается типу Наблюдаемый <Item>

0 голосов
/ 23 мая 2018

После обновления моего проекта Angular с версии 5 до 6 я получил эту ошибку:

Тип Observable '<' Object> нельзя назначить типу Observable '<' Todo>.

в моем todo.service.ts 

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { environment } from '../../../environments/environment';
import { Todo } from '../../../models/Todo';
import { Observable, of } from 'rxjs';
import { catchError } from 'rxjs/operators';
import 'rxjs/add/observable/throw';

@Injectable()
export class TodoService {

  todos: Todo[];

  constructor( private httpClient: HttpClient ) { }

  loadTodos(): Observable<Todo[]> {
    return this.httpClient.get<Todo[]>(`${environment.api}${environment.path}`).pipe(
      catchError((error: any) => Observable.throw(error))
    );
  }

  addTodo(todo: Todo): Observable<Todo> {
    return this.httpClient.post(`${environment.api}${environment.path}`, JSON.stringify(todo)).pipe(
      catchError((error: any) => Observable.throw(error))
    );
  }

  editTodo(todo: Todo): Observable<Todo> {
    return this.httpClient.put(`${environment.api}${environment.path}/${todo.id}`, JSON.stringify(todo)).pipe(
      catchError((error: any) => Observable.throw(error))
    );
  }

  deleteTodo(todo: Todo): Observable<Todo> {
    return this.httpClient.delete(`${environment.api}${environment.path}/${todo.id}`).pipe(
      catchError((error: any) => Observable.throw(error))
    );
  }
}

Ошибка указывает на методы addTodo, editTodo и deleteTodo, у loadTodo нет проблем, поскольку она присваивает тип Observable '<' Object> Observable ' тип.Я использовал эту ссылку , чтобы изменить способ импорта элементов rxjs, но безуспешно.Любая помощь?

1 Ответ

0 голосов
/ 23 мая 2018

Методы httpClient являются общими, вы должны ввести ответ, например: 

    addTodo(todo: Todo): Observable<Todo> {
        return this.httpClient.post(`${environment.api}${environment.path}`, JSON.stringify(todo)).pipe(
      catchError((error: any) => Observable.throw(error))
    );
  }

должен использоваться следующим образом: 

    addTodo(todo: Todo): Observable<Todo> {
    return this.httpClient.post<Todo>(`${environment.api}${environment.path}`, JSON.stringify(todo)).pipe(
      catchError((error: any) => Observable.throw(error))
    );
  }
...