Свойство 'location' не существует для типа 'Object'

Question

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';


@Injectable()
export class LocationsProvider {

  data: any;

  constructor(public http: HttpClient) {

  }

  load() {

    if (this.data) {
     return Promise.resolve(this.data);
    }

    return new Promise(resolve => {

      this.http.get('assets/data/locations.json').subscribe(data => {

        this.data = this.applyHaversine(data.locations);

        this.data.sort((locationA, locationB) => {
          return locationA.distance - locationB.distance;
        });

        resolve(this.data);
      });

    });

  }

введите описание изображения здесь

Я здесь новичок, и довольно плохо знаком с ionic, мне, вероятно, потребуется детальное решение, кажется, я не могу заставить ionic прочитать файл json

Answer 1

Если вы знаете тип вашего ответа, вы можете добавить универсальный к http.get<T>() для ввода data.

interface SomeInterface {
    locations: Location[]
}

this.http.get('assets/data/locations.json')<SomeInterface>.subscribe(data => {
    this.data = this.applyHaversine(data.locations);
    ...
});

или если вы не хотите создавать интерфейс для него (не рекомендуется)

this.http.get('assets/data/locations.json')<SomeInterface>.subscribe((data: any) => {
    this.data = this.applyHaversine(data.locations);
    ...
});

Answer 2

Вы получаете ошибку времени компиляции в data.locations, в частности locations не определено в свойстве data.

Fix

Скажите TypeScript, что это, например, используйте утверждение:

  this.data = this.applyHaversine((data as any).locations);