Angular- "내 보낸 멤버 'Observable'이 없습니다"

타입 스크립트 코드 :

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 / app / 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'이름을 찾을 수 없습니다.

package.json Angular 버전의 파일 :

자세한 내용 은 Angular 6 에서 도움이 될 수 있습니다이 문서를 참조하십시오

1. rxjs : 작성 방법, 유형, 스케줄러 및 유틸리티

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

2. rxjs / operators : 모든 파이프 가능 연산자 :

'rxjs / operators'에서 {맵, 필터, 스캔} 가져 오기;

3. rxjs / webSocket : 웹 소켓 주제 구현

'rxjs / webSocket'에서 {webSocket} 가져 오기;

4. rxjs / ajax : Rx 아약스 구현

'rxjs / ajax'에서 {ajax} 가져 오기;

5. rxjs / testing : 테스트 유틸리티

'rxjs / testing'에서 import {TestScheduler};

분명히 Angular 6.0.0으로 업데이트 한 후 (오류 로그에서 알 수 있듯이) rxjs-compat가 누락되었습니다.

npm install rxjs-compat --save설치를 실행하십시오 . 고쳐야합니다.

그냥 넣어 :

import { Observable} from 'rxjs';

그냥 그렇게 더 많거나 적은 아무것도 없습니다.

원래 코드를 import { Observable, of } from 'rxjs'로 바꾸고 문제가 해결되었습니다.

RxJS 6을 사용하고 있습니다.

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

으로

import { Observable, of } from 'rxjs';

이 시도:

npm install rxjs-compat --save

나를 도운 것은 :

1. 기존의 모든 가져 오기 경로를 제거하고 다음과 같이 새 경로로 바꾸십시오.

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

2. node_modules폴더 삭제

3. npm cache verify
4. npm install

나는 비슷한 문제가 있었다. 6.x에서 최신 5.x 릴리스로 RVJS를 역 회전 시키면 Angular 5.2.x에서 수정되었습니다.

package.json을 엽니 다.

변경 "rxjs": "^6.0.0",에"rxjs": "^5.5.10",

운영 npm update

그냥 삭제 /Observable에서'rxjs/Observable';

그런 다음 Cannot find module 'rxjs-compat/Observable'터미널 아래 줄에 넣고 Enter 키를 누릅니다.

npm install --save rxjs-compat

내 해결책은 다음과 같은 수입을 추가하는 것입니다. 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);
  }
}

이 angular-split구성 요소는 Angular 6에서 지원되지 않으므로 응용 프로그램의 종속성에 따라 Angular 6 설치와 호환됩니다.

업데이트 될 때 까지이 작업을 수행하려면 다음을 사용하십시오.

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

내 경우에는 컴퓨터에 이전 버전의 ng cli가 있었기 때문에이 오류가 발생했습니다.

실행 후 문제가 해결되었습니다.

ng update

ng update @angular/cli

업데이트 각도 - 메모리 - 웹 API 버전. angular-tour-of-heroes 튜토리얼 중에 설치된 기본 angular-in-memory-web-api 버전 은 0.4입니다. 내 경우에는 매력처럼 작동했습니다. (RxJS 6과 함께 Angular 7 사용)

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

사용하다 return Observable.of(HEROES);