らいふうっどの閑話休題

興味のあることをゆる~く書いていく

angular v12.0.0-next.6+firebaseで、ng deploy が「firebaseTools.logger.add is not a function」になる話

f:id:ic_lifewood:20210330220631p:plain

angular v12.0.0-next.6+firebaseで、ng deploy が「firebaseTools.logger.add is not a function」になる話
angular v12.0.0-next.6 + firebase, ng deploy becomes "firebaseTools.logger.add is not a function"

きっかけ / Trigger

Angular CLI, Core を v12.0.0-next.6 にアップグレードした後に ng deploy をしたら firebaseTools.logger.add is not a function を出力して失敗になりました。
After upgrading Angular CLI, Core to v12.0.0-next.6, I did ng deploy and it failed withfirebaseTools.logger.add is not a function.

類似 issue はこちら / Click here for similar issues

github.com

対策実施 / Implementation of measures

firebase.json と .firebaserc を削除して、再度 firebase init を実行します。
Delete firebase.json and .firebaserc and run firebase init again.

firebase.json の差分 / Difference in firebase.json f:id:ic_lifewood:20210330221447p:plain

.firebaserc の差分 / Difference in .firebaserc f:id:ic_lifewood:20210330221534p:plain

ファイル構造が大きく変わっている事が分かります。
You can see that the file structure has changed significantly.

確認 / Verification

f:id:ic_lifewood:20210330221929p:plain

.firebaserc の中で、プロジェクトが見つからない為にエラー発生
An error occurs because the project cannot be found in .firebaserc

暫定回避策 / Temporary workaround

$ ng build --configuration production && firebase deploy

f:id:ic_lifewood:20210330222152p:plain

.firebaserc で、プロジェクトが出来るようになれば、ng deploy で済むはずです。
実装が確認できたら、記事を更新したいと思います。
If you can create a project with .firebaserc, you should be able to do ng deploy.
I would like to update the article once I have confirmed the implementation.

参考記事 / Reference article

medium.com