管道运算符不受支持：Angular [Typescript]-rxjs-CombineLatest

Question

带有问题的代码

import { Injectable } from '@angular/core';
import { AccountingTransactionsStoreService } from './accounting-transactions-store.service';
import { GeneralLedgerAccountsStoreService } from './general-ledger-accounts-store.service';
import { distinctUntilChanged, map, combineLatest } from 'rxjs/operators';

@Injectable({
  providedIn: 'root'
})
export class AccountingReportsStoreService {


  constructor(
    private accountingTransactionsStore: AccountingTransactionsStoreService,
    private   generalLedgerAccountsStore: GeneralLedgerAccountsStoreService) 
    {}

  readonly generalLedgerAccountsTransaction$
    = combineLatest(
      this.accountingTransactionsStore.selectedPeriodAccountingTransactionsFlate$,
      this.generalLedgerAccountsStore.selectedOrganizationGeneralLedgerAccountsTree$)
      .pipe(distinctUntilChanged())
      .pipe(
        map(([transactionsFlat, accountsTree]) => {
          if (transactionsFlat && accountsTree)
            return [];
          else return [];
        })
      )
}

错误

  

类型'OperatorFunction <未知的属性'管道'不存在，[unknown，AccountingUnactionFlatInterface []，GeneralLedgerAccountInterface []]>'。

Answer 1

怎么了？

import { distinctUntilChanged, map, combineLatest } from 'rxjs/operators';

为什么？

实际上不确定，但是我看起来是关于功能定义超载

从❤Ingo Burk

更新

  

combineLatest作为操作符和函数存在于彼此之间。但是，不建议使用操作员版本。根据导入，您会得到一个。

解决方法

从 'rxjs' 导入 combineLatest ，而不从 'rxjs / operators'导入

import { distinctUntilChanged, map } from 'rxjs/operators';
import { combineLatest} from 'rxjs';

我是如何找到解决方案的？

• 删除了rxjs导入
• 使用过的vscode 添加所有丢失的导入内容 （偶然发现（我反复尝试））
• 

我学到了什么？有模式吗？

• 是，不是，这不是一种模式，而是一个把戏！?‍♀️
• 尝试删除进口商品
• 并使用 添加所有缺少的进口商品
• 然后让 VSCode 决定要导入的内容
• 然后观察差异
• 然后用我的判断力
• 因为 VSCode 比我对我的代码有更多的了解knowledge‍♀️