AngularJS
Angular2
Ionic3

ionic3でngx-translateを使おうとするとエラーになる

More than 1 year has passed since last update.

2017/8/20時点のお話です。
angular2以降の多言語対応モジュールであるngx-translateをインストールするとエラーになります。

Typescript Error
Cannot find module '@angular/common/http'.
node_modules/@ngx-translate/http-loader/src/http-loader.d.ts

https://ionicframework.com/docs/developer-resources/ng2-translate/

上記はionicの公式が書いてくれた導入のドキュメント。
この通りにやってもエラーで動きません。

で、何が理由かというと、ionic3が指定しているAngularのバージョンが古いんですね。
手順どおりで正しく動かすにはAngularが4.3.0以上である必要があります。

というわけでpackage.jsonを変えます。

ngx-translate/http-loader@0.1.0

これで動くようになるはず。
まあionicが4になったらここらへんも直りそうですけどね。