Angular - “没有导出的成员'Observable'”

Question

打字稿代码：

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';
import { Hero } from './hero';
import { HEROES } from './mock-heroes';

@Injectable({
  providedIn: 'root'
})
export class HeroService {

  constructor() { }

  getHeroes(): Observable<Hero[]> {
    return of(HEROES);
  }

}

错误信息：

  

错误TS2307：找不到模块'rxjs-compat / Observable'。   node_modules / rxjs / observable / of.d.ts（1,15）：错误TS2307：找不到   模块'rxjs-compat / observable / of'。 SRC /应用/ hero.service.ts（2,10）：   错误TS2305：模块   '“F：/ angular-tour-of-heroes / node_modules / rxjs / Observable”'没有   出口成员'Observable'。 src / app / hero.service.ts（15,12）：错误   TS2304：找不到名称'of'。

带有Angular版本的

package.json文件：

Answer 1

这可能会对 Angular 6 有所帮助，有关详细信息，请参阅此Document

1. rxjs：创建方法，类型，计划程序和实用程序

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

1. rxjs /运算符：所有可管道运营商：

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

1. rxjs / webSocket： Web套接字主题实现

import { webSocket } from 'rxjs/webSocket';

1. rxjs / ajax ：Rx ajax实施

import { ajax } from 'rxjs/ajax';

1. rxjs / testing ：测试实用程序

import { TestScheduler } from 'rxjs/testing';

Answer 2

显然（正如您在错误日志中指出的那样），在更新到Angular 6.0.0之后，缺少rxjs-compat。

运行npm install rxjs-compat --save进行安装。应该解决它。

Answer 3

刚刚提出：

import { Observable} from 'rxjs';

就像那样。没有更多或更少。

Answer 4

我用import { Observable, of } from 'rxjs'替换了原始代码，问题解决了。

Answer 5

您正在使用RxJS6。只需替换

import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';

作者

import { Observable, of } from 'rxjs';

Answer 6

帮助我的是：

1. 摆脱所有旧的导入路径，并用如下新路径替换它们：

   import { Observable , BehaviorSubject } from 'rxjs';)

2. 删除node_modules文件夹

3. npm cache verify
4. npm install

Answer 7

我有类似的问题。将RXJS从6.x反向转换到最新的5.x版本，将其固定为Angular 5.2.x。

打开package.json。

将"rxjs": "^6.0.0",更改为"rxjs": "^5.5.10",

运行npm update

Answer 8

我的决议是添加以下导入： import { of } from 'rxjs/observable/of';

因此更改后的hero.service.ts的整体代码为：

import { Injectable } from '@angular/core';
import { Hero } from './hero';
import { HEROES } from './mock-heroes';
import { of } from 'rxjs/observable/of';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class HeroService {

  constructor() { }

  getHeroes(): Observable<Hero[]> {
    return of(HEROES);
  }
}

Answer 9

Angular 6不支持angular-split组件，因此要使其与Angular 6安装兼容，请遵循应用程序中的依赖关系

要使其工作直至更新，请使用：

"dependencies": {
"angular-split": "1.0.0-rc.3",
"rxjs": "^6.2.2",
    "rxjs-compat": "^6.2.2",
}

Answer 10

只需从/Observable中删除'rxjs/Observable';

如果随后您将Cannot find module 'rxjs-compat/Observable'放在行的下面到thr终端，然后按Enter。

npm install --save rxjs-compat

Answer 11

尝试一下：

npm install rxjs-compat --save

Answer 12

在我的情况下，发生此错误是因为我的计算机中装有ng cli的旧版本。

运行后问题已解决：

ng update

ng update @angular/cli

Answer 13

更新内存中的角度网络API 版本。 英雄的角度旅行教程中安装的默认 angular-in-memory-web-api 版本为0.4。就我而言，它就像一种魅力。 （将Angular 7与RxJS 6结合使用）

npm i angular-in-memory-web-api@0.8.0

Answer 14

您还没有安装rxjs库请安装

npm install rxjs-compat --save

Answer 15

使用return Observable.of(HEROES);