Reactアプリケーションをherokuにデプロイする際に自分が詰まったことを書きます。(2020/5/7)
今回は、npx create-react-app my-app作成した後にすぐにherokuにデプロイしています。
ここまでの手順は以下の記事を参考にさせて頂きました。
https://qiita.com/kuniken/items/70c2b5cd77d7c9301bcf
git push heroku master
を打ち込んでherokuにデプロイした後、Application errorが出ていました。
heroku logs --tailでログを出してみると以下のエラーが出ていました。
2020-05-06T15:16:46.732551+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=create-react-app-test.herokuapp.com request_id=c337d6d8-bfa9-4699-aed2-e0f912e5cafb fwd="116.0.149.123" dyno= connect= service= status=503 bytes= protocol=https
2020-05-06T15:16:47.083742+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=create-react-app-test.herokuapp.com request_id=b1d5a22c-a125-48a1-8f64-98abf4724b81 fwd="116.0.149.123" dyno= connect= service= status=503 bytes= protocol=https
Herokuのdashboard > settings > buildpacks > add buildpacks > 以下のurlを追加。
https://github.com/mars/create-react-app-buildpack
この記事のコメント欄を参考にさせていただきました。
https://dev.to/smithmanny/deploy-your-react-app-to-heroku-2b6f
この後にgit push heroku master再度デプロイしたらちゃんとブラウザに表示されました。
