MERN 应用程序部署到 heroku，一个空白页面

Question

我通过使用 create-react-app 制作了一个非常简单的 MERN 应用程序，没有 mongo 数据库。当我部署到 Heroku 时，我看到的只是一个空白页面。我尝试了很多事情但没有运气。API 正确发送电子邮件，页面标题正确，但所有内容均丢失。请帮我看看，这是我的第一次部署。

这是代码： https: //github.com/samames/essae 这是部署：https://protected-wave-21372.herokuapp.com/

非常感谢

- 编辑 -

这是日志：

2020-11-13T18:00:38.000000+00:00 app[api]: Build succeeded

2020-11-13T18:00:38.289382+00:00 heroku[web.1]: Stopping all processes with SIGTERM

2020-11-13T18:00:38.395329+00:00 heroku[web.1]: Process exited with status 143

2020-11-13T18:00:53.206813+00:00 heroku[web.1]: Starting process with command `node backend/index.js`

2020-11-13T18:00:56.521645+00:00 app[web.1]: app listening at http://localhost:9508

2020-11-13T18:00:57.608133+00:00 heroku[web.1]: State changed from starting to up

2020-11-13T18:01:03.750237+00:00 heroku[router]: at=info method=GET path="/" host=protected-wave-21372.herokuapp.com request_id=216189ff-cb13-4b39-8d8a-155df094c5b6 fwd="176.26.189.232" dyno=web.1 connect=1ms service=52ms status=200 bytes=2532 protocol=https

2020-11-13T18:01:03.902311+00:00 heroku[router]: at=info method=GET path="/static/js/main.2940f24a.chunk.js" host=protected-wave-21372.herokuapp.com request_id=34237762-907b-4211-b154-8ee408429549 fwd="176.26.189.232" dyno=web.1 connect=16ms service=11ms status=200 bytes=2532 protocol=https

2020-11-13T18:01:03.903848+00:00 heroku[router]: at=info method=GET path="/static/css/main.8c8b27cf.chunk.css" host=protected-wave-21372.herokuapp.com request_id=a1e4b2db-48b9-401c-9e4c-f0f4a3cfb84a fwd="176.26.189.232" dyno=web.1 connect=14ms service=13ms status=200 bytes=2532 protocol=https

Answer 1

问题很简单 - 静态文件路径中有拼写错误。只需 将此行更改为app.use(express.static(path.join(__dirname, '../frontend/build')));. 如果没有那些丢失的..express，则无法找到请求的静态文件，并且它会回退到app.get('*', (req, res). 换句话说，index.html返回的是您的文件而不是任何静态文件。