VS2017与TypeScript2.7环境下Angular Material自动完成示例报错求助

这是Angular开发里非常常见的RxJS操作符导入问题！你遇到的startWith和map都是RxJS提供的管道操作符，在RxJS 6及以上版本（当前绝大多数Angular项目都用这个版本）中，必须显式导入它们才能正常使用。

具体解决步骤： #

1. 导入所需的RxJS操作符
   在你的searchTrade.component.ts文件顶部，添加以下导入语句：

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

2. 确认操作符的使用方式正确
   确保你是通过pipe()方法来调用这些操作符，这是RxJS 6+要求的标准写法，比如Angular Material Autocomplete示例里的典型用法：

   // 假设你定义了FormControl实例myControl
   this.filteredOptions = this.myControl.valueChanges.pipe(
     startWith(''), // 用空字符串触发初始过滤
     map(value => this._filter(value)) // 根据输入值过滤选项列表
   );
   

   注意不要用旧版本的链式调用写法（比如this.myControl.valueChanges.startWith('')），这种写法在RxJS 6+里已经被废弃了。

3. 确保模块导入了响应式表单模块
   因为valueChanges是FormControl的属性，需要保证你的组件所属的模块已经导入了ReactiveFormsModule：

   // 在你的模块文件（比如SharedModule或AppModule）中
   import { ReactiveFormsModule } from '@angular/forms';
   
   @NgModule({
     imports: [
       // ...其他已导入的模块
       ReactiveFormsModule
     ]
   })
   export class YourModule { }
   

错误原因说明： #

从RxJS 6版本开始，官方取消了操作符的全局注册机制，所有管道操作符都需要从rxjs/operators中显式导入，TypeScript报“找不到名称”的错误，本质就是缺少对应的导入语句，导致编译器无法识别这些操作符。

内容的提问来源于stack exchange，提问作者Matthew Flynn