首页 > 解决方案 > Heroku 应用程序在部署 React Hasura GraphQL 应用程序时显示空白页

问题描述

我使用 Hasura GraphQL API 和 React 创建了一个简单的日程管理应用程序。我尝试使用 CLI 在 Heroku 上托管我的应用程序,但是它无法正常工作。当我打开它时,它会显示一个空白页。我是第一次使用 Heroku 和 GraphQL,所以我无法弄清楚我到底做错了什么。

我的源代码的 Github 存储库链接:https ://github.com/yash-sethia/Schedule-Management-App-using-GraphQL-and-React

我的 heroku 应用程序链接(该节目是一个错误屏幕):https ://schedule-management-app.herokuapp.com/

这些是我的应用程序的构建日志:

2020-11-12T23:37:16.884955+00:00 app[web.1]: 10.29.25.131 - - [12/Nov/2020:23:37:16 +0000] "GET /Schedule-Management-App-using-GraphQL-and-React/static/css/main.27c6850f.chunk.css HTTP/1.1" 304 0 "https://schedule-app121.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36"
2020-11-12T23:37:16.886137+00:00 app[web.1]: 10.35.227.185 - - [12/Nov/2020:23:37:16 +0000] "GET /Schedule-Management-App-using-GraphQL-and-React/static/css/2.2a86faee.chunk.css HTTP/1.1" 304 0 "https://schedule-app121.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36"
2020-11-12T23:37:17.189892+00:00 heroku[router]: at=info method=GET path="/Schedule-Management-App-using-GraphQL-and-React/static/js/main.dcc84ac6.chunk.js" host=schedule-app121.herokuapp.com request_id=65988f5f-8747-493d-8f00-91cef9ae3ba6 fwd="182.64.168.27" dyno=web.1 connect=0ms service=2ms status=304 bytes=168 protocol=https
2020-11-12T23:37:17.191882+00:00 app[web.1]: 10.35.227.185 - - [12/Nov/2020:23:37:17 +0000] "GET /Schedule-Management-App-using-GraphQL-and-React/static/js/main.dcc84ac6.chunk.js HTTP/1.1" 304 0 "https://schedule-app121.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36"
2020-11-12T23:37:17.195902+00:00 heroku[router]: at=info method=GET path="/Schedule-Management-App-using-GraphQL-and-React/static/js/2.745ae571.chunk.js" host=schedule-app121.herokuapp.com request_id=f5ae2ec2-4aa6-44f9-bc3b-6e07682fd4e5 fwd="182.64.168.27" dyno=web.1 connect=1ms service=3ms status=304 bytes=168 protocol=https
2020-11-12T23:37:17.196943+00:00 app[web.1]: 10.29.25.131 - - [12/Nov/2020:23:37:17 +0000] "GET /Schedule-Management-App-using-GraphQL-and-React/static/js/2.745ae571.chunk.js HTTP/1.1" 304 0 "https://schedule-app121.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36"
2020-11-12T23:37:18.675068+00:00 heroku[router]: at=info method=GET path="/Schedule-Management-App-using-GraphQL-and-React/favicon.ico" host=schedule-app121.herokuapp.com request_id=232df477-6277-40fe-970d-3e97b3541355 fwd="182.64.168.27" dyno=web.1 connect=0ms service=2ms status=304 bytes=168 protocol=https
2020-11-12T23:37:18.675593+00:00 app[web.1]: 10.35.227.185 - - [12/Nov/2020:23:37:18 +0000] "GET /Schedule-Management-App-using-GraphQL-and-React/favicon.ico HTTP/1.1" 304 0 "https://schedule-app121.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36"
2020-11-12T23:37:23.523585+00:00 app[web.1]: 10.35.227.185 - - [12/Nov/2020:23:37:23 +0000] "GET /Schedule-Management-App-using-GraphQL-and-React/manifest.json HTTP/1.1" 304 0 "https://schedule-app121.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.183 Safari/537.36"
2020-11-12T23:37:23.542497+00:00 heroku[router]: at=info method=GET path="/Schedule-Management-App-using-GraphQL-and-React/manifest.json" host=schedule-app121.herokuapp.com request_id=a643f987-bcdb-4bae-a8a6-d7d0faa408bc fwd="182.64.168.27" dyno=web.1 connect=1ms service=2ms status=304 bytes=168 protocol=https

标签: reactjsapiherokugraphqlhasura

解决方案


推荐阅读