Загрузка веб-приложения с ошибкой nodejs на сервер Heroku

Question

Я пытаюсь загрузить свое приложение в Heroku, у которого есть frontEnd, и отправка почты backend, оба работают на моем локальном компьютере. Пожалуйста, помогите кому-нибудь решить мою проблему, которая будет очень полезна, потому что это мой первый и практический проект, который будет реализован.

Структуры и ошибки приведены ниже:

Ошибка Heroku

Герои бревен - хвост

клиентский пакет. json

{
  "name": "hephy-web",
  "version": "0.1.0",
  "private": true,

  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "axios": "^0.19.2",
    "bootstrap": "^4.4.1",
    "react": "^16.13.1",
    "react-bootstrap": "^1.0.0",
    "react-dom": "^16.13.1",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "heroku-postbuild": "cd client && npm install && npm run build",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

серверный пакет. json

{
  "name": "hephy-back-end",
  "version": "1.0.0",
  "description": "Hephy BackEnd",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Uchom",
  "license": "ISC",
  "dependencies": {
    "@sendgrid/mail": "^7.0.1",
    "body-parser": "^1.19.0",
    "cors": "^2.8.5",
    "dotenv": "^8.2.0",
    "express": "^4.17.1",
    "express-handlebars": "^4.0.3",
    "nodemailer": "^6.4.6"
  }
}

серверное приложение. js

require('dotenv').config()
const path = require('path')
var express = require('express');
var router = express.Router();
var nodemailer = require('nodemailer');
var cors = require('cors');
require('dotenv').config()


var transport = {
  service: 'gmail',
  auth: {
    user: process.env.EMAIL_USER,
    pass: process.env.EMAIL_PASS
  }
}

var transporter = nodemailer.createTransport(transport)

transporter.verify((error, success) => {
  if (error) {
    console.log(error);
  } else {
    console.log('Server is ready to take messages');
  }
});

router.post('/send', (req, res, next) => {
  var name = req.body.name
  var email = req.body.email
  var message = req.body.message
  var content = `Name: ${name} \n \nE-mail: ${email} \n \nMessage: ${message} `

  var mail = {
    from: name,
    to: 'xxxxxxxxxxx',  // Change to email address that you want to receive messages on
    subject: 'Hephy Inquiry Contact',
    text: content
  }

  transporter.sendMail(mail, (err, data) => {
    if (err) {
      res.json({
        status: 'fail'
      })
    } else {
      res.json({
        status: 'success'
      })
    }
  })
})

const app = express()
app.use(cors())
app.use(express.json())
app.use('/', router)
app.listen(3005)

// Serve static files from the React frontend app
app.use(express.static(path.join(__dirname, 'client/build')))

Answer 1

похоже, что ваше приложение слушает порт 3005, это не будет работать на Heroku, где вам нужно привязать к предоставленному порту

const PORT = process.env.PORT || 3005;