概要
Angularアプリを作成し、firebase hostingでアプリをデプロイしたのに、ビルドした内容が反映されていない事象に出くわしました。
解決策を調べてみるも、キャッシュ云々やら、firebase.json
のpublicの箇所がdist云々になっていない等の記事がほとんどで、それを試しても結果は変わらない…
原因
Firebaseコンソール > プロジェクトの設定ページ > 全般タブ
の下の方のマイアプリにデプロイしたいアプリが登録されていると思うのですが、
ここのアプリのニックネーム
と開発環境内の.firebaserc
ファイルに書かれているアプリ名が同じになっていないことが原因でした。
.firebaserc
{
"targets": {
"angular-realtimedb-demo": {
"hosting": {
"angular-realtimedb-demo": [
"angular-realtimedb-demo" ←ココ!
]
}
}
},
"projects": {
"default": "angular-realtimedb-demo"
}
}
まとめ
プロジェクト作成時に「ニックネームを登録」なんて書かれていたので、「コンソール上で識別するためくらいの設定かな?」と安易な気持ちでclient-app
みたいなニックネームにしていました…
お恥ずかしいミスだったのであまり記事にしたくはなかったのですが、他にもハマっている方がいるのではないかと思い、投稿しました。
誰かの時間が失われずに済んだのなら幸いです。