MERN堆栈应用程序在部署到Heroku时显示黑屏

Question

我第一次尝试将我的应用程序部署到Heroku。我正在使用create-react-app，redux，后端使用node/express，数据库使用Mongo DB。

当我通过heroku open进入我的应用程序时，该应用程序运行正常，但是当我尝试以incognito模式或任何其他浏览器甚至手机查看该应用程序时，我受到欢迎屏幕空白。

这是我的应用程序的链接：https://geekhub-kevin.herokuapp.com/

这是我的server.js

上的代码

    //serve static assets if in production
    if (process.env.NODE_ENV === "production") {
      //set static folder
      app.use(express.static("client/build"));
      app.get("*", (req, res) => {
        res.sendFile(path.resolve(__dirname, "client", "build", "index.html"));
      });
    }

在我的package.json中，我正在使用以下脚本：

"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client"

我很抱歉没有在这篇文章的初稿上分享更多信息，但老实说，我不知道该分享些什么来澄清。