“对象”类型中不存在属性“位置”

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了“对象”类型中不存在属性“位置”相关的知识,希望对你有一定的参考价值。

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);
      });

    });

  }

enter image description here

我在这里很新,对离子很新,我可能需要详细的解决方案,我似乎无法让离子读取一个json文件

答案

enter image description here

您在data.locations中遇到编译时错误,特别是locations未在data属性上定义。

Fix

告诉TypeScript它是例如使用断言:

  this.data = this.applyHaversine((data as any).locations);
另一答案

如果您知道响应的类型,则可以向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);
    ...
});

以上是关于“对象”类型中不存在属性“位置”的主要内容,如果未能解决你的问题,请参考以下文章

如何解决“从不”类型中不存在属性

“EventTarget”类型中不存在属性“值”

使用二头肌的 Azure Functionapp 部署:请求正文中不存在属性对象

错误:'[number,number]'类型中不存在属性'x'

应该将 JWT 中不存在的角色添加到 Authentication 对象的啥位置?

Powershell中不存在特定对象属性时如何删除条目?