“void”类型的“this”上下文不可分配给“Observable”类型的方法“this”<string> &#39;

Question

我在 angular 的自动完成示例中收到此错误。 这是代码：

ngOnInit() {
      this.filteredOptions = this.myControl.valueChanges
          .pipe(
            startWith(''),
            map(val => this.filter(val))
          );
}

错误是在 startWith 上产生的。 我在第二个 val 中也遇到错误。 它说：

“{}”类型的参数不可分配给“string”类型的参数

功能是：

 filter(val: string): string[] {
    return this.options.filter(option =>
      option.toLowerCase().indexOf(val.toLowerCase()) === 0);
  }

提示：有些东西是混合控制或进口的。 我不确定但是当我创建一个新组件时一切正常。

Answer 1

我刚刚遇到了同样的问题，结果我从错误的目录中导入了 map 和 startWith。

import {map, startWith} from "rxjs/operators";

使用它来导入 map 和 startWith ，它应该可以工作和编译。

Answer 2

我的情况是我通过从rxjs/compat/take而不是从rxjs/operators自动填充take(1)自动加载take(1) ，并解决了这个问题。 不是那么明显的事情:)