不可分配给“可观察”类型 <task> &#39;。角4

Question

I have a problem with Observable type, any idea?

    import { Injectable } from '@angular/core';
    import {HttpClient} from '@angular/common/http'
    import {Observable} from 'rxjs/Observable'
    import {task} from './../models/taks.class'


    @Injectable()
    export class TaskService {
      public API: string ='http://localhost:3000/tasks'

      constructor(public httpservice: HttpClient){}
      getall(): Observable<task[]>{
        return this.httpservice.get(this.API)
      }
      add(task:task): Observable<task> {
        return this.httpservice.post(this.API,{
          title:task.title,
          co:task.co
        })
      }
      edit(task:task):Observable<task>{
        return this.httpservice.put(`${this.API}/${task.id}`, {
          title: task.title,
          co: task.co
      })
    }
      delete(id:number):Observable<task>{
        return this.httpservice.delete(`${this.API}/${id}`)
      }
    }

1. on the line return this.httpservice.get(this.API)

I am getting this

error: is not assignable to type 'Observable'

I don`t know how to fix this problem

Answer 1

import {Injectable} from "@angular/core";
import { HttpClient } from '@angular/common/http';
import {Observable} from 'rxjs/Observable'
import "rxjs/Rx";
import {task} from './../models/taks.class'    // confirm it is "task" or "taks"
@Injectable()
export class TaskService {
  public API: string ='http://localhost:3000/tasks'

  constructor(public httpservice: HttpClient){}


getall(): Observable<task[]>{
  return this.httpservice
         .get(this.API)
         .map((response: Response) => {
             return response;
         })
         .catch(this.handleError);
}

 private handleError(error: Response) {
     return Observable.throw(error.statusText);
 }

}

Answer 2

You should type your GET request.

return this.httpservice.get(this.API);

should be:

return this.httpservice.get<task[]>(this.API);