IONIC・Angularを使用したアプリで、--prodでビルドをした際のエラー

Question

使用している手順

ionic build --prod
firebase deploy

これを行い、サイトにアクセスすると、白い画面と以下のメッセージがコンソールに表示されます。

ERROR TypeError: Object(...)(...).auth is not a function

現状

--prod オプションなしでbuildしたものは問題なく動いています。

下記のＵＲＬにあるようにfirebase moduleやrxjsのupdateを行いましたが、動かないままです。
https://github.com/angular/angularfire2/issues/1668
https://stackoverflow.com/questions/48592656/firebase-auth-is-not-a-function

現在のangular, ionic, firebaseやrxjsのverは以下の通りです。

    "@angular/common": "^7.2.2",
    "@angular/core": "^7.2.2",
    "@angular/fire": "^5.2.1",
    "@angular/forms": "^7.2.2",
    "@angular/http": "^7.2.2",
    "@angular/platform-browser": "^7.2.2",
    "@angular/platform-browser-dynamic": "^7.2.2",
    "@angular/pwa": "^0.12.4",
    "@angular/router": "^7.2.2",
    "@angular/service-worker": "^7.2.2",
    "@ionic-native/core": "^5.0.0",
    "@ionic-native/in-app-browser": "^5.6.1",
    "@ionic-native/splash-screen": "^5.0.0",
    "@ionic-native/status-bar": "^5.0.0",
    "@ionic/angular": "^4.1.0",
    "@ionic/storage": "^2.2.0",
    "firebase": "^6.2.2",
    "firebase-admin": "^8.2.0",
    "rxjs": "^6.5.2",
    "rxjs-compat": "^6.5.2",

なにかアドバイスがございましたら、教えてください。

Answer 1

プロダクションビルドに失敗するよくあるパターンとして、TSサイドで定義していない変数や関数をHTMLテンプレートで利用しているということがあります。

ERROR TypeError: Object(...)(...).auth is not a function　とエラーがでてるということなので、HTMLテンプレートで auth() に関係している関数を、HTMLテンプレートで利用していないのに利用していないかご確認いただくのがいいと思います。

Comments

[kazu_koji]

返事が遅れていしまい申し訳ございません。
関数を見直したところ解決しました。
ありがとうございました。