firebase deploy してComplete Sucessfully 言われてるのに表示が反映されないんだが


社用PCに変更したらfirebase deply してターミナルでCompleteって言われているのに実際はホワイトアウトしてしまう現象にあったためメモ。

  1. ターミナルでnpm run deploy を実行。
    errorが大量表示される。packahe.jsonを確認するとdeployに関する説明書きが無かったため、以下のコマンドを実行。
  2. npm install -g firebase-tools
    再びpackahe.jsonを確認するとdeployコマンドに関する説明が追加された。
  3. npm run deploy
    firebase loginでfirebaseにログインした後、上記コマンドを実行したが、またもやエラーが表示される。
  4. npm run build
    上記のコマンドを実行すると、以下のエラーが表示される。
mv: tmp_public is not a directory
“deploy”: “npm run build && mv public/* tmp_public && firebase deploy && mv tmp_public/* public “, Could not find a required file.
 Name: index.html
  Searched in: /Users/kaneda-a/Documents/GitHub/aidemy-examquestion-viewer/public

上の英文を和訳すると、npm run buildを実行すると、publicフォルダの中の全ファイルがtmp_publicフォルダに移動するらしい。本来publicフォルダの中にあるindex.htmlがtmp_publicフォルダに移動しているせいでないと怒られている。
つまり、tmp_publiにあるindex.htmlをpublicに移動すればok。

  1. firebase deplyを実行
    表示された。

ちなみにfirebaseがホスティングするのはあくまでindex.htmlとのこと。
あと、index.html内に%を含むとfirebaseのバグでアプリが表示されないケースもあるみたいです。