“可观察”Nativescript类型上不存在“映射”

Question

我需要在Nativescript中从web服务获取所有警报。但是地图不起作用。我试过这个函数。在Angular 5中工作正常，但在Nativescript中显示此错误：

[ts]类型“Observable”上不存在属性“map”。在这方面。映射（（响应：响应）=

我导入这个：import'rxjs/add/operator/map'；从'@angular/Http'导入{Http，Headers，Response}

我的“rxjs”：“~6.1.0”，

 public AlarmsGetAll(): Observable<Alarm[]> {
    let headers = new Headers();
    headers.append('x-access-token', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyaWQiOnsiVXNlcklEIjoiMzEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifSwiaWF0IjoxNTI4ODgzNDU1LCJleHAiOjE1Mjk3NDc0NTV9.qei48rzt1KF9AKIEz8Aq-A8pWkESc1G3jBUfdU27oYE');
    return this.http.get(Api.getUrl(Api.URLS.AlarmsGetAll), {
      headers: headers
    })
      .map((response: Response) => {
        let res = response.json();
         console.log(res)
        if (res.StatusCode === 1) {
        } else {
          return res.StatusDescription.map(alarm => {
            //console.log(alarm)
            return new Alarm(alarm);
          });
        }
      });
  }

你能问我一些想法吗？有什么问题吗？




Answer 1

最新的NativeScript使用Angular 6和Rxjs 6.1。0及以上。检查从迁移的迁移指南rxjs@5到rxjs@6

Answer 2

以下是您的代码修改与最新版本的rxjs v6和HttpClientModuleHttpModulev5（HttpModulev5）：

import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

public AlarmsGetAll(): Observable<Alarm[]> {
let headers = new HttpHeaders();
headers.append('x-access-token', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyaWQiOnsiVXNlcklEIjoiMzEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifSwiaWF0IjoxNTI4ODgzNDU1LCJleHAiOjE1Mjk3NDc0NTV9.qei48rzt1KF9AKIEz8Aq-A8pWkESc1G3jBUfdU27oYE');
return this.http.get(Api.getUrl(Api.URLS.AlarmsGetAll), {
  headers: headers,
  observe: 'response'
}).pipe(
  map((response: HttpResponse<any>) => {
    let res = response.json();
     console.log(res)
    if (res.StatusCode === 1) {
    } else {
      return res.StatusDescription.map(alarm => {
        //console.log(alarm)
        return new Alarm(alarm);
      });
    }
  }));
}

如前所述，您可以检查迁移指南来更新rxjs v5到v6，这里是HttpClientMoules的留档：角超文本传输协议留档

Answer 3

如果你使用rxjs@6，则应更新运算符。

Rxjs 5

import 'rxjs/add/operator/map'

myObservable
  .map(yourdata=> yourdata + 15)
  .subscribe(...);

Rxjs 6

import { map } from 'rxjs/operators';

myObservable
  .pipe(map(yourdata=> yourdata + 15))
  .subscribe(...);

您的解决方案：

因此，您需要更新导入并使用Rxjs6的新方式

import { map } from 'rxjs/operators';

 public AlarmsGetAll(): Observable<Alarm[]> {
    let headers = new Headers();
    headers.append('x-access-token', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyaWQiOnsiVXNlcklEIjoiMzEwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifSwiaWF0IjoxNTI4ODgzNDU1LCJleHAiOjE1Mjk3NDc0NTV9.qei48rzt1KF9AKIEz8Aq-A8pWkESc1G3jBUfdU27oYE');
    return this.http.get(Api.getUrl(Api.URLS.AlarmsGetAll), {
      headers: headers
    })
      .pipe(map((response: Response) => {
        let res = response.json();
         console.log(res)
        if (res.StatusCode === 1) {
        } else {
          return res.StatusDescription.map(alarm => {
            //console.log(alarm)
            return new Alarm(alarm);
          });
        }
      }));
  }

如果你需要更多信息