使用observable的Angular "scheduler.schedule is not a function“

import { asyncScheduler } from 'rxjs';

import { of } from 'rxjs';
import { asyncScheduler } from 'rxjs';

of(1, 2, 3).pipe(
  observeOn(asyncScheduler)
).subscribe(console.log);

import { Component, OnInit } from '@angular/core';
import { of } from 'rxjs';
import { asyncScheduler, observeOn } from 'rxjs';

@Component({
  selector: 'app-root',
  template: `<div>{{ data }}</div>`,
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  data: number[] = [];

  ngOnInit() {
    of(1, 2, 3).pipe(
      observeOn(asyncScheduler)
    ).subscribe(value => {
      this.data.push(value);
    });
  }
}

// 不要这样做
import 'rxjs/add/operator/observeOn';

import { of } from 'rxjs';
import { asyncScheduler, observeOn } from 'rxjs/operators';

of(1, 2, 3).pipe(
  observeOn(asyncScheduler)
).subscribe(console.log);