reactjs - 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
解决方案
推荐阅读
- python - 在 Python 电子商务网站中更改产品排序
- python - 从父类(作为子类)调用违反封装的“私有”变量
- apache-kafka - 确认 kafka 记录,但没有数据返回给消费者
- html - 为什么我的网站在 Mozilla firefox 和 chrome 上看起来不一样?
- javascript - 如何使用 popper.js
- javascript - React - 如何解决:VS代码中的“JSX表达式必须有父级和表达式”错误
- android - 图像角半径
- python - Python3.7的参数扫描
- logstash - 麋鹿 | 日志文件 grok 过滤格式未推送到弹性搜索中
- reactjs - 如何仅更改子组件而父组件在路由更改时不重新渲染?