Typescript 和 rxjs 6 - 类型“{}”上不存在属性

Question

我正在开发一个带有 Ionic 3 的小型应用程序，它查询一个 firebase 数据库以获取 2 系列数据。第一次构建失败并出现错误“类型'{}'上不存在属性”但如果我再保存一次.ts文件（保存为ex.home.ts以便离子重建）错误消失并且页面工作。

我在做：

ionViewDidLoad() {

  this.db.list('myPath-in-firebase', ref => ref.orderByChild('my-key'))
    .valueChanges()
      .subscribe(result => { 
      let mydata1= result.map(x => x.my-property-key1);
      let mydata2= result.map(x => x.my-property-key2);
      console.log(mydata1);
      };
}

但我得到一个打字稿错误：“属性'my-property-key1'不存在于类型'{}'中”在第一个离子服务构建开始时，然后我保存项目文件，离子重建和它工作正常。 我想我必须在某处声明 x 和他的属性，但我不知道如何以及在哪里。

最后（也许有更好的方法，你可以帮助我？），我的数据库是这样的：

my-firebase-database
    |- my-Path
           |- Push-ID-1
                   |- my-property-key1: value
                   |- my-property-key2: value
           |- Push-ID-2
                   |- my-property-key1: value
                   |- my-property-key2: value
           |- Push-ID-3
                   |- my-property-key1: value
                   |- my-property-key2: value

我将有 2 个数组，一个包含 my-property-key1 的值，另一个包含 my-property-key2 的值​​。 感谢您的帮助

更新： 见 cmets。目前我正在使用一种解决方法将语法从 result.map(x => x.my-property-key1) 更改为 result.map(x => x[my-property-key1])

据此：https://github.com/Microsoft/TypeScript/issues/12596

Answer 1

试试

npm remove --save typescript;
npm i --save-dev typescript@2.6.2;
npm i --save-dev rxjs@6.2.2
npm i --save-dev rxjs-compat@6.2.2



import 'rxjs/Rx';

import { switchMap, map } from 'rxjs/operators';
import { Observable, pipe } from 'rxjs';