Angular -“ ไม่มีสมาชิกที่ส่งออก 'สังเกตได้””

รหัสตัวพิมพ์:

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: ไม่พบชื่อ 'ของ'

package.json ไฟล์ที่มีรุ่นแองกูลาร์:

สิ่งนี้อาจมีประโยชน์ในAngular 6 สำหรับข้อมูลเพิ่มเติมอ้างอิงเอกสารนี้

1. rxjs:วิธีสร้าง, ชนิด, ตัวกำหนดตารางเวลาและยูทิลิตี

นำเข้า {Observable, Subject, asapScheduler, ไปป์, จาก, จาก, ช่วงเวลา, ผสาน, fromEvent} จาก 'rxjs';

2. rxjs / โอเปอเรเตอร์ : ตัวดำเนินการที่ไปป์ทั้งหมด:

นำเข้า {map, filter, scan} จาก 'rxjs / โอเปอเรเตอร์';

3. rxjs / webSocket:การดำเนินการเรื่องซ็อกเก็ตเว็บ

นำเข้า {webSocket} จาก 'rxjs / webSocket';

4. rxjs / ajax : การใช้งาน Rx ajax

นำเข้า {ajax} จาก 'rxjs / ajax';

5. rxjs / testing : เครื่องมือทดสอบ

นำเข้า {TestScheduler} จาก 'rxjs / การทดสอบ';

เห็นได้ชัดว่า (ตามที่คุณระบุในบันทึกข้อผิดพลาด) หลังจากอัปเดตเป็น 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

ฉันมีปัญหาที่คล้ายกัน แก้ไขการย้อนกลับ RXJS จาก 6.x ไปเป็น 5.x รีลีสล่าสุดแก้ไขสำหรับ 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องค์ประกอบที่ไม่ได้รับการสนับสนุนในเชิงมุม 6 เพื่อที่จะทำให้มันเข้ากันได้กับเชิงมุม 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

อัปเดตเวอร์ชันเชิงมุมในหน่วยความจำเว็บ ค่าเริ่มต้นเวอร์ชันเชิงมุมในหน่วยความจำ - เว็บ -i-api ที่ติดตั้งในระหว่างการฝึกอบรมเชิงมุมทัวร์ของฮีโร่คือ 0.4 มันทำงานเหมือนมีเสน่ห์ในกรณีของฉัน (การใช้เชิงมุม 7 กับ RxJS 6)

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

ใช้ return Observable.of(HEROES);