質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

1041閲覧

Firebase Hostingでのデプロイについて(react)

gomasan

総合スコア96

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2020/05/09 06:14

編集2020/05/09 12:02

公式やその他記事を見てデプロイを行っています。

問題・疑問点が2点ございます。

①1度デプロイに成功して、何を思ったかcommand+Rでリロードしたら、添付のような記載になりました。
その後何度かデプロイしているのですが、この画面のままです。

②記事を色々見ているとHosting URLがxxx.firebase.appになるとのことですが
私の場合はxxx.web.appとなります。

※firebase.jsonファイルはpublic: 'build'としています

不足情報がございましたら、ご指摘をお願い致します。。イメージ説明

【追記事項】

https://qiita.com/sl2/items/35582583aa24e19cb53c
こちらの記事を参考に進めました。

記事の中でfirebase deployまで行い、結果がxxx.web.appとなります。

※そして今、改めて1から作り直してみました。
するとHostingの案内画像はなくなり、今は真っ白の画面になっています。。
npm startのローカルでは動いています。

firebase.jsonファイルと、ターミナル実行結果の写真を添付します。

イメージ説明
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hatsu

2020/05/09 09:14

念のため確認ですが、buildは済んでいますか?Firebaseログインからデプロイまでのコマンドとその結果を貼っていただければと思います。 またfirebase.jsonも参考になるので載せていただけると幸いです。
gomasan

2020/05/09 12:03

ありがとうございます。追記しました。 そして現在はデプロイ後に真っ白の画面になっております・・・
guest

回答1

0

ベストアンサー

21:15分現在では、ログに出ているURLでサイトが動いていることが確認できましたね。

https://react-app-59e0b.firebaseapp.com/
https://react-app-59e0b.web.app/

上記のいずれでもサイト閲覧可能です。

https://firebase.google.com/docs/web/setup?hl=nb_NO#install-cli-deploy

投稿2020/05/09 12:18

hatsu

総合スコア1809

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

gomasan

2020/05/09 12:27

...! ありがとうございます。私も今確認したところ、どちらも確認できました。。。 原因分からずですが、ひとまず安心しました。 ご協力いただき本当にありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問