Приложение React + Node.js развернуто на Heroku и появляется сообщение Cannot GET / Error?

Question

Я работал с другим разработчиком, и мы смогли развернуть приложение React + Node.js с использованием Express в Heroku, однако мы все еще получаем ошибку, как показано ниже на скриншоте.

{
  "name": "dev-personal-portfolio-2",
  "version": "1.0.0",
  "description": "",
  "main": "server.js",
  "scripts": {
    "start": "node server.js",
    "server": "nodemon index.js",
    "test": "echo \"Error: no test specified \" && exit 1",
    "post-build": "cd client && npm i && npm run build"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@sendgrid/mail": "^7.2.1",
    "body-parser": "^1.19.0",
    "cors": "^2.8.5",
    "dotenv": "^8.2.0",
    "express": "^4.17.1",
    "nodemon": "^2.0.4"
  }
}

Вот сервер. js файл:

require ('dotenv').config();

const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');
const path = require('path');
const buildPath = ('build/index.html');
const port = process.env.PORT || 5000;

const sendGrid = require('@sendgrid/mail');
const server = express();
server.use(bodyParser.json());

server.use(cors());

// server.use((req, res, next) => {
//   res.setHeader('Access-Control-Allow-Origin', '*');
//   res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, PATCH, DELETE');
//   res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
//   next();
// });

// server.get('/api', (req, res, next) => {
//   res.send('API Status: Running')
// });


server.use(express.static('client/build'));
// server.use('/static', express.static('public'))
// server.use(express.static(path.resolve(__dirname, './public')));

// server.get('*', (req, res) => {
//     res.sendFile(path.resolve(__dirname, 'index.html'));
// });
console.log(express.static('client/build'));
console.log(`${__dirname}/public/index.html`);
server.use(express.json());

const REACT_APP_SENDGRID_API_KEY =`${process.env.REACT_APP_SENDGRID_API_KEY}`
server.post('/api/email', (req, res, next) => {
  sendGrid.setApiKey(REACT_APP_SENDGRID_API_KEY);
  console.log(req.body);
  const msg = {
      to: 'kevgill95@gmail.com',
      from: req.body.email,
      subject: req.body.subject,
      text: req.body.message
  }

  sendGrid.send(msg)
      .then(result => {
          res.status(200).json({
            success: true
          });

      })
      .catch(err => {
          console.log('error: ', err);
          res.status(401).json({
            success: false
          })
      })
});

server.listen(port, () => {
  console.log(`Server is up on port ${port}!`);
});

ПРИМЕЧАНИЕ: для console.logs вот что из них возвращается:

console.log (express .stati c ( 'клиент / сборка')); [Функция: serveStatic]

console.log (${__dirname}/public/index.html); /Users/kevingillooly/dev-personal-portfolio-2/public/index.html

Мы также пытались закомментировать строки кода, чтобы попытаться решить проблему, но мы не обнаружили ничего, что работает.

Если бы кто-нибудь знал, в чем проблема, это было бы здорово. Сборка проходит отлично, однако проблема очень расплывчата, и мы перепробовали множество различных методов.