Аргумент типа '{заголовки: Заголовки; } 'нельзя назначить параметру: Ionic

Question

Это мой код

gettheLinkedinUserDetails(token: string) {
    let headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');
    headers.append('Authorization','Bearer '+token);
    this.http.get('https://api.linkedin.com/v1/people/~:(id,first-name,last-name,email-address,picture-url)?format=json',{headers: headers})
    .subscribe(profileData => {
      alert(profileData + 'hii');
    })
  }

Я использую HttpClientModule и получаю ошибку как

Argument of type '{ headers: Headers; }' is not assignable to parameter of type '{ headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: "body"; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "json"; withCredentials?: boolean; }'. Types of property 'headers' are incompatible. Type 'Headers' is not assignable to type 'HttpHeaders | { [header: string]: string | string[]; }'. Type 'Headers' is not assignable to type '{ [header: string]: string | string[]; }'. Index signature is missing in type 'Headers'. как я могу решить эту проблему?

Answer 1

Используйте HttpHeaders вместо Headers из @angular/common/http.

gettheLinkedinUserDetails(token: string) {

  let headers: new HttpHeaders(
        { 'Content-Type': 'application/x-www-form-urlencoded' },
        { 'Authorization','Bearer ' + token });
          this.http.get('https://api.linkedin.com/v1/people/~:(id,first-name,last-name,email-address,picture-url)?format=json',
          {headers: headers})
            .subscribe(profileData => {
                alert(profileData + 'hii');
          });
      }