web-dev-qa-db-ja.com

rxjs / Subscriptionにはエクスポートされたメンバー 'Subscription'がありません

angularプロジェクトとすべての依存関係を最新バージョンに更新しました。多くの問題を抱えることなく、ほとんどの依存関係の問題を解決しましたが、RxJSに固執しています。ここに私のpackage.jsonがあります:

  "dependencies": {
    "@angular-devkit/build-angular": "^0.6.0",
    "@angular/animations": "^6.0.0",
    "@angular/common": "^6.0.0",
    "@angular/compiler": "^6.0.0",
    "@angular/core": "^6.0.0",
    "@angular/forms": "^6.0.0",
    "@angular/http": "^6.0.0",
    "@angular/platform-browser": "^6.0.0",
    "@angular/platform-browser-dynamic": "^6.0.0",
    "@angular/router": "^6.0.0",
    "angular-bootstrap-md": "^6.0.1",
    "core-js": "^2.5.5",
    "font-awesome": "^4.7.0",
    "rxjs": "^6.1.0",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular/cli": "~6.0.0",
    "@angular/compiler-cli": "^6.0.0",
    "@angular/language-service": "6.0.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "electron": "^1.8.3",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.2",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.4.2",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^1.0.0",
    "protractor": "~5.3.1",
    "ts-node": "~6.0.2",
    "tslint": "~5.10.0",
    "TypeScript": "~2.7.2"

RxJSから2つのモジュールのみをインポートしています。

import { fromPromise } from 'rxjs/observable/fromPromise';
import { Subscription } from 'rxjs/Subscription';

それらは両方とも同じエラーを与えています:

    [ts] Module '"***/node_modules/rxjs/Subscription"' has no exported
 member 'Subscription'.

fromPromiseについてもまったく同じです。 Subscribtion.d.tsから取得しているエラーメッセージは次のとおりです(コードを変更していません)

enter image description here

更新:

以下の回答は、サブスクリプションの問題を解決しましたが、fromPromiseは、正しくエクスポートされた場合でも同じ問題を示します。

export * from 'rxjs-compat/observable/fromPromise';

enter image description here

22
Øystein Seel

RxJS 6には多くの重大な変更があります。たとえば、プロトタイプメソッドは

myObservable.map(data => data * 2)

動作しなくなり、次のものに置き換える必要があります

myObservable.pipe(map(data => data * 2))

すべての詳細はここにあります: https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md


重大な変更をすべて修正するまで、rxjs-compathttps://github.com/ReactiveX/rxjs/tree/master/compat )を使用して古いコードを再び機能させることができます。

このパッケージは、バージョン6以前のRxJSとの後方互換性を確保するために必要です。Observable.prototypeに演算子を追加し、Observableに作成メソッドを追加するためのインポートが含まれています。

これを入力してインストールします。

npm install -s rxjs-compat
34
Alexandre Annic

これで修正できます:

インポート{from} from 'rxjs';

そして、代わりに:return Observable.fromPromise(new Promise((resolve、reject)=> {

今すぐやる:

return from(new Promise((resolve、reject)=> {

同じことがObservable.ofにも当てはまります

2
IvanS

以下のステートメントを使用して問題が解決することを願っていますimport Subscription from 'rxjs'

0
revan

afaik Angular 6とrxjs 6はまだ互換性がありません。作成した互換性のために https://www.npmjs.com/package/rxjs-compat インストールする必要があります

[更新] fromPromiseは「from」になりました。ここを参照してください: https://github.com/ReactiveX/rxjs/issues/3525

0
Kevin ALBRECHT