유형 Promise <void>을 Promise <customType []> 유형에 지정할 수 없습니다.

Question

나는 angularJs2를 처음 사용합니다.

import { Injectable, OnInit } from '@angular/core'; 
import { customType } from '../models/currentJobs'; 
import { Headers, Http } from '@angular/http'; 

import 'rxjs/add/operator/toPromise'; 

@Injectable() 
export class JobService implements OnInit { 

    constructor(private http: Http) { } 

    ngOnInit(): void { 
     this.getCurrentJobs(); 
    } 

    private headers: Headers = new Headers({ 'Content-Type': 'application/json' }); 
    private ordersUrl: string = 'http://localhost:35032/api/order/'; 

    public orders: customType[]; 

    getCurrentJobs(): Promise<customType[]> { 
     var jobs = this.http.get(this.ordersUrl) 
      .toPromise() 
      .then(response => { 
       this.orders = response.json() as customType[]; 
      }) 
      .catch(this.handleError); 
     return jobs;//this line throws error 
    } 

    private handleError(error: any): Promise<any> { 
     console.error('An error occurred', error); 
     return Promise.reject(error.message || error); 
    } 
} 

내가 오류

**TS2322 Build:Type 'Promise<void>' is not assignable to type 'Promise<customType[]>'.* *

다음 얻을 비주얼 스튜디오 2017를 사용하여 코드를 컴파일 할 때 내 타이프 라이터가 Vs2017

의 구성을 컴파일 다음과 같습니다 나는 다음과 같은 서비스를 만들었습니다

이 오류를 해결할 수 있도록 도와주세요.

Answer 1

당신은 jobs 유형 Promise<void>이 될 수 있습니다 귀하의 then 내부에 아무것도 반환되지 않습니다. then 내부의 배열을 돌려줍니다 :

getCurrentJobs(): Promise<customType[]> { 
    var jobs = this.http.get(this.ordersUrl) 
     .toPromise() 
     .then(response => { 
     this.orders = response.json() as customType[]; 
     return this.orders; 
     }) 
     .catch(this.handleError); 
    return jobs; 
} 

는 약속의 체인 동작 참조 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then#Chaining

Answer 2

나는 'catch'연산자를 추가하고 인터페이스 가져 오기를 코드의 인터페이스 정의로 바꿨다. (분명히 당신에게 접근 할 수있는 것은 아니기 때문에). 나머지 프로젝트 코드가 없으면 이것을 테스트 할 수는 없지만 VSC에 오류가 발생하지는 않습니다.

import { Injectable, OnInit } from '@angular/core'; 
import { Headers, Http } from '@angular/http'; 

import 'rxjs/add/operator/toPromise'; 
import 'rxjs/add/operator/catch'; 


export interface customType{ 
} 


@Injectable() 
export class JobService implements OnInit { 

    constructor(private http: Http) { } 
    private jobs: Promise<customType[]>; 

    ngOnInit(): void { 
     this.jobs = this.getCurrentJobs(); 
    } 

    private headers: Headers = new Headers({ 'Content-Type': 'application/json' }); 
    private ordersUrl: string = 'http://localhost:35032/api/order/'; 

    public orders: customType[]; 

    getCurrentJobs(): Promise<customType[]> { 
     return this.http.get(this.ordersUrl) 
      .map(response => response.json()) 
      .catch(this.handleError) 
      .toPromise(); 

    } 

    private handleError(error: any): Promise<any> { 
     console.error('An error occurred', error); 
     return Promise.reject(error.message || error); 
    } 
}