Angular4 -> 6 にアップデートした時にハマったこと

備忘録的に書いていきます。
もっと良いやりかたあるよ！などのご指摘大歓迎です！

まずは公式にならってアップデート
https://update.angular.io/

公式の一連の流れをやればだいたい出来てるはずなので、ng serveスタート！

バーン！

ERROR in src/app/_components/***/***.component.ts(45,28): error TS2339: Property 'json' does not exist on type 'ArrayBuffer'.

怒られた…

どうやらここで怒られている模様

let options = { headers: {'Content-Type': 'application/json'}};

this.http.post(url, body, options).subscribe(
  data => {
    this.data = data.json(); // <- エラー発生箇所
  },
  error => {
  },
);

dataの中身を見てみるとそもそもnull

ググり倒して3時間。
どうやら単純にレスポンスのbodyがnullなだけみたいなんだけど、それ以前のステータスコードとかはどこいった！
てことでoptionsにobserveを追加すれば見れるようになるようだった。

let options = { headers: {'Content-Type': 'application/json'}, observe: "response" }; // <- observeを追加
this._http.post(url, body, options).subscribe(
  data => {
    this.data = data['body']; // <- bodyに変更
  },
  error => {
  },
);

でもdata['body']って物凄く気持ち悪い。。。どうにかならないものか。