0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Posted at

簡単な自己紹介

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

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

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

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

$ firebase deploy

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

##原因
おそらく人によって様々かとは思いますが私の場合は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 を実行すると成功しました。

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?