Сбои приложения Heroku - не обслуживаются данные c html (сервер Express)

Question

Я постоянно получаю эту ошибку на Heroku, когда пытаюсь открыть страницу состояния c html с некоторыми базовыми значениями c js, img и css. Я перепробовал всю помощь по SO и внес изменения в index. js, изменения, связанные с структурированием файлов, изменением путей, перезагрузкой heroku. С супер тяжелой удачей. Я даю подробности проблемы ниже. Пожалуйста, помогите мне.

MY FILE STRUCTURE LOOKS LIKE THIS

├── package.json
├── node_modules
├── .gitignore
├── public
├────────img
├────────js
├────────css
├────────index.html
├── src
├────────index.js

Я использовал команду heroku git:remote -a instagif, а затем git push heroku master. Все компилируется и разворачивается идеально. Проект работает в локальной системе на отлично. Но, когда я пытаюсь получить к нему доступ через instagif.herokuapp.com. Это просто выдает ошибку приложения.

ERROR LOGS RIGHT AFTER TRYING TO ACCESS instagif.herokuapp.com
2020-03-30T05:05:45.618259+00:00 heroku[web.1]: State changed from starting to crashed
2020-03-30T05:05:45.500290+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2020-03-30T05:05:45.500402+00:00 heroku[web.1]: Stopping process with SIGKILL
2020-03-30T05:05:45.599597+00:00 heroku[web.1]: Process exited with status 137
2020-03-30T05:05:46.579266+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=instagif.herokuapp.com request_id=1c907ab2-e79d-491c-a03b-c01ebc0c35c7 fwd="24.21.57.152" dyno= connect= service= status=503 bytes= protocol=http
2020-03-30T05:05:47.707731+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=instagif.herokuapp.com request_id=af0d271a-e34b-4524-8218-39d40dee8bff fwd="24.21.57.152" dyno= connect= service= status=503 bytes= protocol=http
2020-03-30T05:05:47.735754+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=instagif.herokuapp.com request_id=20abfcb0-dd7e-4748-bd68-82feecefe711 fwd="24.21.57.152" dyno= connect= service= status=503 bytes= protocol=http

Мой индекс. js Файл выглядит следующим образом:

const express = require("express")
const path = require('path')

var port = process.env.PORT || 3000

const PATH = path.join(__dirname,"../public")
app = express()
app.use(express.static(PATH))

app.listen(3000,()=>{
    console.log(`Server live at port: ${port}`)
})

Пожалуйста, помогите. Я застрял на этом с давних пор. Пробовал все разные ответы на SO, но, кажется, ни один не работает для меня.

Answer 1

app.listen(3000,()=>{
    console.log(`Server live at port: ${port}`)
})

Вы не привязаны к $PORT. Вы слушаете порт 3000 и распечатываете значение $PORT.

2020-03-30T05:05:45.500290+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch

Должно быть:

app.listen(port,()=>{
    console.log(`Server live at port: ${port}`)
})