Angular - không có thành viên xuất khẩu 'Quan sát được'

Mã bản in:

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);
  }

}

thông tin lỗi:

lỗi TS2307: Không thể tìm thấy mô-đun 'rxjs-compat / Observable'. node_modules / rxjs / obsable / of.d.ts (1,15): lỗi TS2307: Không thể tìm thấy mô-đun 'rxjs-compat / obsable / of'. src / app / hero.service.ts (2.10): lỗi TS2305: Module '"F: / angular-tour-of-hero / node_modules / rxjs / Observable"' không có thành viên xuất khẩu 'Có thể quan sát được'. src / app / hero.service.ts (15,12): lỗi TS2304: Không thể tìm thấy tên 'của'.

package.json tập tin với phiên bản Angular:

Điều này có thể hữu ích trong Angular 6 để biết thêm thông tin tham khảo Tài liệu này

1. rxjs: Phương thức tạo, loại, lịch trình và tiện ích

nhập {Có thể quan sát, Chủ đề, asapScheduler, pipe, of, from, distance, merge, fromEvent} từ 'rxjs';

2. rxjs / toán tử : Tất cả các toán tử có thể điều chỉnh:

nhập {map, bộ lọc, quét} từ 'rxjs / toán tử';

3. rxjs / webSocket: Việc thực hiện chủ đề ổ cắm web

nhập {webSocket} từ 'rxjs / webSocket';

4. rxjs / ajax : Việc thực hiện Rx ajax

nhập {ajax} từ 'rxjs / ajax';

5. rxjs / tests : Các tiện ích thử nghiệm

nhập {TestScheduler} từ 'rxjs / tests';

Rõ ràng (như bạn chỉ ra trong nhật ký lỗi), sau khi cập nhật lên Angular 6.0.0 rxjs-compat bị thiếu.

Chạy npm install rxjs-compat --saveđể cài đặt. Nên sửa nó.

Chỉ cần đặt:

import { Observable} from 'rxjs';

Chỉ cần như vậy. Không có gì nhiều hay ít.

Tôi đã thay thế mã ban đầu import { Observable, of } from 'rxjs'và vấn đề được giải quyết.

Bạn đang sử dụng RxJS 6. Chỉ cần thay thế

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

bởi

import { Observable, of } from 'rxjs';

Thử cái này:

npm install rxjs-compat --save

Điều giúp tôi là:

1. Loại bỏ tất cả các đường dẫn nhập cũ và thay thế chúng bằng các đường dẫn mới như thế này:

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

2. Xóa node_modulesthư mục

3. npm cache verify
4. npm install

Tôi đã có một vấn đề tương tự. RXJS quay lại từ 6.x đến bản phát hành 5.x mới nhất đã sửa nó cho Angular 5.2.x.

Mở gói.json.

Thay đổi "rxjs": "^6.0.0",thành"rxjs": "^5.5.10",

chạy npm update

Chỉ cần xóa /Observablekhỏi'rxjs/Observable';

Nếu sau đó bạn Cannot find module 'rxjs-compat/Observable'chỉ cần đặt dòng dưới đây để thiết bị đầu cuối và nhấn enter.

npm install --save rxjs-compat

Nghị quyết của tôi đã thêm nhập sau: import { of } from 'rxjs/observable/of';

Vì vậy, mã tổng thể của hero.service.ts sau khi thay đổi là:

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);
  }
}

Thành angular-splitphần này không được hỗ trợ trong Angular 6, vì vậy để làm cho nó tương thích với cài đặt Angular 6 sau sự phụ thuộc trong ứng dụng của bạn

Để làm việc này cho đến khi nó được cập nhật, hãy sử dụng:

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

Trong trường hợp của tôi, lỗi này đã xảy ra vì tôi có một phiên bản cũ của ng cli trong máy tính.

Vấn đề đã được giải quyết sau khi chạy:

ng update

ng update @angular/cli

Cập nhật phiên bản angular-in-memory-web-api . Phiên bản angular-in-memory-web-api mặc định được cài đặt trong hướng dẫn angular-tour-of-hero là 0,4. Nó làm việc như một lá bùa trong trường hợp của tôi. (Sử dụng Angular 7 với RxJS 6)

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

sử dụng return Observable.of(HEROES);