升级nativescript-angular 5.0后RxJS combineLatest属性不存在报错求助

你遇到的问题其实是RxJS版本升级带来的操作符使用规则变化——nativescript-angular 5.0对应的RxJS版本是5.5.x及以上，这个版本对操作符的导入和调用方式做了关键调整，直接导致你原来的写法失效。

问题根源拆解 #

1. 导入错误：你现在导入的是静态版的combineLatest（import "rxjs/add/observable/combineLatest";），但代码里实际用的是Observable实例的combineLatest方法，两者不是同一个东西，需要导入实例操作符版本。
2. RxJS新规范要求：5.5.x版本开始官方推荐使用pipeable operators，原来直接在Observable实例上调用操作符的原型链扩展方式，已经不再是最佳实践，部分场景下甚至会被移除支持。

推荐解决方案（符合RxJS新规范） #

按照官方推荐的pipeable写法调整，步骤很简单：

1. 修正导入语句
   移除原来的静态操作符导入，换成pipeable版本的combineLatest：

// 删除这行：import "rxjs/add/observable/combineLatest";
import { combineLatest } from 'rxjs/operators'; // 新增这行导入

2. 调整方法调用逻辑
   把原来直接在Observable实例上调用combineLatest的写法，改成用.pipe()包裹操作符的形式：

getCountryNameAndPrefix(): Observable<Array<Config.phonePrefix>> {
  return this.getPhonePrefix().pipe( // 用pipe包裹操作符
    combineLatest(this.getCountryName(), (phoneData, nameData) => {
      let resultData:Config.phonePrefix[] = [];
      Object.keys(nameData).forEach((key) => {
        let resultItem:Config.phonePrefix = {
          countrycode: key,
          countryname: nameData[key],
          countryprefix: phoneData[key]
        };
        resultData.push(resultItem);
        resultData.sort((a,b) => {
          if(a['countryname'] < b['countryname']) {
            return -1;
          } else {
            return 1;
          }
        });
      });
      return resultData;
    })
  );
}

临时兼容方案（不推荐长期使用） #

如果暂时不想调整到新写法，也可以通过修正导入语句恢复原有功能：

// 替换原来的导入语句
import "rxjs/add/operator/combineLatest";

不过还是建议尽快迁移到pipeable写法，这是RxJS后续版本的标准规范，能避免潜在的版本兼容问题。

内容的提问来源于stack exchange，提问作者Danish Woman