Почему в угловой наблюдаемый таймер работает локально, а не работает после развертывания?

Question

Приведенный ниже код работает правильно локально, но после развертывания он не работает.

import { Observable } from "rxjs/Observable";
let somethingTimer = Observable.timer(5000);
// rest of other code.

После изменения приведенного выше кода на приведенный ниже код работает как локально, так и на рабочем сервере.

import { timer } from 'rxjs/observable/timer';
let somethingTimer = timer(5000);
// rest of other code.

Почему это происходит, любое объяснение.

Конфигурация:

Angular CLI: 6.0.3
Node: 8.11.2
OS: win32 x64
Angular:
...

Package                      Version
--------------------------------------
@angular-devkit/architect    0.6.3
@angular-devkit/core         0.6.3
@angular-devkit/schematics   0.6.3
@schematics/angular          0.6.3
@schematics/update           0.6.3
rxjs                         6.2.0
typescript                   2.7.2

Ошибка в журнале консоли

Ошибка типа: a.timerне является функцией

Answer 1

Проблема в том, что у вас RxJS 6, но вы пытаетесь использовать timer, как в RxJS 5 (RxJS 5 использовал устаревшее исправление класса Observable).

Начиная с RxJS 6, единственный способ использовать операторы и так называемые "наблюдаемые методы создания" - это импортировать их непосредственно из 'rxjs' или 'rxjs/operators' соответственно:

import { timer } from 'rxjs';

let somethingTimer = timer(5000);

Документы по миграции см .:

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

• https://github.com/ReactiveX/rxjs/blob/master/doc/pipeable-operators.md

Answer 2

Вы обновились с rxjs 5 до 6. Было много изменений с 5 до 6.

Первый пример - код rxjs 5, а второй - как вы это делаете в 6.

Answer 3

Это связано с тем, как импортируется «таймер». В случае 1 таймер исходит от «наблюдаемого» объекта, но на втором - отдельное import {timer}

по моему мнению, способ ставок - это импорт {timer} из 'rxjs / observable / timer';

Я надеюсь помочь вам