Error: Can't resolve 'rxjs/add/operator/filter' in 'J:\auction\src\app\content'

Question

![图片描述]引入 了包为什么还报错，引的不对吗？(http://img1.sycdn.imooc.com//szimg/5befc1b30001581e03890334.jpg)

Answer 1

DawnHope 2018-11-23 18:07:52

这个问题有人回答了

https://coding.imooc.com/learn/questiondetail/68790.html

这样写

//引入
import { filter} from 'rxjs/operators';

//构造器
constructor(public  router: Router) {
 this.router.events.pipe(
   filter((event: Event) => event instanceof NavigationEnd)
 ).subscribe((event: NavigationEnd) => {
   if (event.url === '/dashboard') {
     this.pageTitle = '这里是首页';
     this.pageDesc = '';
   } else if (event.url.startsWith('/stock')) {
     this.pageTitle = '股票信息管理';
     this.pageDesc = '进行股票信息基本增删改查';
   }
 });
}

• 提问者 慕粉4270219 #1

  非常感谢！

Answer 2

wtxy 2018-11-20 21:35:36

import { Component, OnInit } from '@angular/core';
import {filter, map} from 'rxjs/operators';
import {Router, NavigationEnd} from "@angular/router";

@Component({
  selector: 'app-content',
  templateUrl: './content.component.html',
  styleUrls: ['./content.component.css']
})
export class ContentComponent implements OnInit {

  pageTitle = '';
  pageDesc = '';

  constructor(public router: Router) {
    //新版本rxjs filter要放在pipe中用
    const filterRouter = router.events.pipe(
      filter(event => event instanceof NavigationEnd)
    );
    filterRouter.subscribe((event: NavigationEnd) => {
      if (event.url == '/dashboard') {
        this.pageTitle = '这里是首页';
        this.pageDesc = '首页描述';
      } else if (event.url.startsWith('/stock')) {
        this.pageTitle = '股票信息管理';
        this.pageDesc = '股票信息基本增删改查';
      }
    })
  }

  ngOnInit() {
  }

}

Answer 3

wtxy 2018-11-18 23:29:48

你搜索一下问题： 

引入 rxjs 失败

有同学问过，这是新版本rxjs用法不同的问题，下面是炫酷同学的回到，亲试有效，

以后这课程遇到问题，可以尝试搜索以前同学的问题，一般你遇到的很可能以前就有人遇到了。。。

good luck

• 提问者 慕粉4270219 #1

  试了试几种方法都不行，你说的不是很明白