Как импортировать таймер rxjs в угловой 6?

Question

Я попытался импортировать таймер rxjs в свой проект angular 6, например

import { timer } from 'rxjs/observable/timer';

Я тоже пробовал как,

Rx.Observable.timer(200, 100)

Они не работают

Вот код Плункер

Answer 1

Начиная с rxjs 6 (используется в проекте angular 6), общее правило следующее:

• rxjs: методы создания, типы, планировщики и утилиты

  import { timer, Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent } from 'rxjs';

• rxjs / operator: Все операторы работы с каналами:

  import { map, filter, scan } from 'rxjs/operators';

Вот руководство по миграции: https://github.com/ReactiveX/rxjs/blob/master/MIGRATION.md#observable-classes

Answer 2

по состоянию на rxjs 6.2.2, для этого импорта

import { timer } from 'rxjs';   // gives tslint blacklisted error

Цлинт выдает ошибку:

ERR: [tslint] This import is blacklisted, 
import a submodule instead (import-blacklist)

но это работает без ошибок

import { timer } from 'rxjs/observable/timer'; //works fine

Answer 3

Все наблюдаемые классы (https://github.com/ReactiveX/rxjs/tree/5.5.8/src/observable) были удалены из v6 в пользу существующих или новых операторов, которые выполняют те же операции, что и методы класса.

import { timer } from 'rxjs';
import { timeInterval, pluck, take} from 'rxjs/operators';

var sourcef = timer(200, 100)
  .pipe(
    timeInterval(),
    pluck('interval'),
    take(3)
  )

Пример Forked

Смотри также

• https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md#observable-classes