firebaseにreactappをdeployするとjsが読まれない

Question

#どうしたの
タイトル通りreactappを作っています。
npm startしたローカルの環境ではjsが読まれて反映されるんですが、
firebaseにアップしてページを開くとindex.htmlのみ読まれて、src下のjs, css等ファイルは一切読まれていません。

#質問は？
何か特別な設定が必要なのでしょうか？
解決策やヒントを教えていただきたいです。

Answer 1

ローカルで npm run build した際に正常にビルド生成物ができていますか？

また、 firebase.json の public に上記のディレクトリが指定されていますか？

Comments

[so_airy]

回答ありがとうございます！
ビルドとpublicの指定ですが双方問題なくできておりますが問題は解決しません。

[kappa0923]

なるほど、問題を切り分けていきましょう。

まず、ローカルでnpm run buildした後に、firebase serveするとどうなりますか？

[so_airy]

ありがとうございます！
firebase serveからlocalhost:5000にアクセスしてもjsは読まれておりません。

[kappa0923]

となるとReactの問題ですよね

ページにアクセスした際、Developer Toolsにエラーなど表示されますか？

[so_airy]

大変申し訳ありません。解決いたしました。。。
publicディレクトリをfirebase.jsonのpublicに指定していたのですがbuildディレクトリなるものがどこからか生成されており、それを指定したら動きました(firebase initの時かな)。色々認知できて居ないことにとても恥ずかしさを覚えております。
先ほどのpublic指定はうまくいっているのかという質問に’嘘の回答をしましたことをお詫び申し上げます。そしてありがとうございました。