Angular2 rxjs 缺少 observable.interval 方法

Question

我正在尝试使用 observable 的间隔方法，但我不断收到错误消息

 Property 'interval' does not exist on type 'Observable<any>'.

我添加了这些进口：

import "rxjs/Rx";
import "rxjs/add/observable/interval";
import "rxjs/observable/IntervalObservable";

Answer 1

您需要以这种方式导入Observable类才能使用interval方法：

import {Observable} from 'rxjs/Rx';

或

import {Observable} from 'rxjs/Observable';
import 'rxjs/add/observable/interval';

Answer 2

如果你想用rxjs v6.2.1创建一个interval （Observable）：

import { interval } from 'rxjs';
// instead of:
// import { Observable } from 'rxjs/Observable';
// import 'rxjs/add/observable/interval';

const counter = interval(1000); 

// instead of:
// const counter = Observable.interval(1000);

Answer 3

这也是可能的，因为：

"rxjs": "6.3.3"
"rxjs-compat": "^6.5.5"

import { Component, OnInit } from '@angular/core';
import { interval } from 'rxjs';

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

  constructor() { }

  ngOnInit() {
    const myNumber = interval(1000);
    myNumber.subscribe(
      (number: number) => {
        console.log(number);
      }
    );
  }

}

Answer 4

 import {Observable} from 'rxjs/Observable'; import 'rxjs/Rx'

 printX:number; ngOnInit() { const myInterval = Observable.interval(1000); myInterval.subscribe((x : number)=>{ this.printX=x; }); }

Answer 5

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/interval';
//This would help 'rxjs/add/observable/interval'
//import interval from 
ngOnInit() {
    const myNumber = Observable.interval(1000);
    myNumber.subscribe(
      (number: number) => {
        console.log(number);
      }
    );