firebase deploy で詰まった時の対処法

1832 ワード
Firebase Vue.js JavaScript Hosting deploy JavaScript テキストリンク

簡単な自己紹介

今回が初投稿になります！現在フロントエンド を学習している就活生です。
何事もアウトプットが重要だと思うので投稿してみようと思いました！かつ自分の備忘録として記録しようと思います。

今回vueCLIとfirebaseを使用してアプケーションを作成したのですが、最後の最後デプロイするところで壁にぶつかったので記録しておきます！

サイトが公開されていない

詳しいデプロイ方法は他の記事を参照してください。

$ firebase deploy

これでfirebase deployが成功した場合、最後にURLが発行されると思います。
そしてそのURLをクリックして無事公開できたと思ったらこの画面になりました、、、

原因

おそらく人によって様々かとは思いますが私の場合はdistディレクトリの位置がおかしかったからでした。

$firebase init

     ######## #### ########  ######## ########     ###     ######  ########
     ##        ##  ##     ## ##       ##     ##  ##   ##  ##       ##
     ######    ##  ########  ######   ########  #########  ######  ######
     ##        ##  ##    ##  ##       ##     ## ##     ##       ## ##
     ##       #### ##     ## ######## ########  ##     ##  ######  ########

You're about to initialize a Firebase project in this directory:

  C:\Users\username\
　　　　　　　　　　　　⬆︎ここがおかしい

上記のようになっている場合うまくいきません

C:\Users\username\desktop\app

このようにしておかなければなりませんでした。

解決策

私の場合すでに作成しまっていたdistディレクトリを削除し、また新しく作り直したのちに
正しいディレクトリの位置でfirebase init を行いました。

そしてもう一度firebase deploy を実行すると成功しました。

これまでターミナルなんて物を触ったこともなかったのでこんなこと当たり前だよ！と言われそうですが、
何故無知な者で。。
これからも精進していきます！