このチュートリアルからサンプルテンプレートコードを抽出し、以下の2つの手順を実行して開始しました-
npm install // worked fine and created node_modules folder with all dependencies
npm start
//以下のエラーで失敗しました-node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of property 'lift' are incompatible. Type '<T, R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, R>) => Observable<R>'. Type 'Observable<T>' is not assignable to type 'Observable<R>'. Type 'T' is not assignable to type 'R'. npm ERR! code ELIFECYCLE npm ERR! errno 2
subject.d.tsでリフトの宣言が次のようになっていることがわかります-
lift<T, R>(operator: Operator<T, R>): Observable<T>;
そして、Observable.tsでは以下のように定義されています-
lift<R>(operator: Operator<T, R>): Observable<R> {
注:-1.私はAngular2を初めて使用し、物事を把握しようとしています。
エラーは、リフトメソッドの互換性のない定義が原因である可能性があります
私はこのgithubスレッドを読みました
別のバージョンのrxjsをインストールする必要がある場合は、正しいrxjsをアンインストールしてインストールする方法を教えてください。
Edit1: ここでの応答が少し遅いかもしれませんが、typescript 2.3.4またはrxjs 6 alphaを使用した後でも同じエラーが発生します。以下は私のpackage.jsonです、
{
"name": "angular-quickstart",
"version": "1.0.0",
"scripts": {
"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
"lite": "lite-server",
"postinstall": "typings install",
"tsc": "tsc",
"tsc:w": "tsc -w",
"typings": "typings"
},
"license": "ISC",
"dependencies": {
"@angular/common": "2.0.0",
"@angular/compiler": "2.0.0",
"@angular/core": "2.0.0",
"@angular/forms": "2.0.0",
"@angular/http": "2.0.0",
"@angular/platform-browser": "2.0.0",
"@angular/platform-browser-dynamic": "2.0.0",
"@angular/router": "3.0.0",
"@angular/upgrade": "2.0.0",
"core-js": "^2.4.1",
"reflect-metadata": "^0.1.3",
"rxjs": "6.0.0-alpha.0",
"systemjs": "0.19.27",
"zone.js": "^0.6.23",
"angular2-in-memory-web-api": "0.0.20",
"bootstrap": "^3.3.6"
},
"devDependencies": {
"concurrently": "^2.2.0",
"lite-server": "^2.2.2",
"typescript": "2.3.4",
"typings": "^1.3.2"
}
}