net :: ERR_CONNECTION_REFUSEDタイプの表示エラー

Question

角度2のドキュメントに続いて、具体的にはhttps://angular.io/docs/ts/latest/guide/server-communication.htmlのコード例がplunkr hereにあります - サーバーリンクが壊れているためにエラーシナリオをシミュレートしようとしていました。

GET http://localhost:3002/heroes net::ERR_CONNECTION_REFUSED 
scheduleTask @ zone.js:1990 
ZoneDelegate.scheduleTask @ zone.js:384 
onScheduleTask @ zone.js:274 

は、しかし、テンプレートHTML {{errorMessage}}に私が0 - {"isTrusted":true}を取得しています。 net::ERR_CONNECTION_REFUSEDというエラーメッセージをどのように収集しますか？

エラーが発生しないように、サービスにimport 'rxjs/add/observable/throw';を追加する必要があります（TypeError: Observable_1.Observable.throw is not a function）。

Answer 1

これを試すhere

すでに述べたようにimport 'rxjs/add/observable/throw';が見つからないことに加えて、エラー応答オブジェクトをjsonに解析する際に問題がありました。応答が成功した場合、res応答オブジェクトには、Objectタイプの_bodyプロパティが含まれているため、.json()で変換できます。しかし、応答に失敗した場合、error応答オブジェクトには、.json()メソッドを使用できないHTMLを含む_bodyプロパティが含まれています。 errorレスポンスオブジェクトを調べることで、すべてのことをコンソールで確認できます。

応答コード.json()の応答オブジェクトは、すでに状態コードとステータステキスト情報があるので、実際には変換する必要はありません。私が投稿したPlunkerのリンクでそれを確認することができます。