Не удалось найти открытый порт на xxx.heroku.com

Question

Я пытаюсь развернуть фронтенд реакции на героку.Я использую прокси в pacakage.json, поэтому сначала у меня возникла ошибка «Invalid Host Header».Затем, после того как я создал файл .env.development с хостом, указанным для моего домена heroku, я получаю сообщение об ошибке "не удается найти открытый порт на xxx.heroku.com

Ищете руководство по его запускуили найти порт лол.

Answer 1

У меня была та же проблема, и я обнаружил, что использую стандартный пакет сборки.Я исправил проблему с помощью create-реагировать-app-buildpack
В app.json добавьте create-реагировать-app-buildpack

{
  "buildpacks": [
    {
      "url": "https://github.com/mars/create-react-app-buildpack"
    }
  ]
}

Создайте static.json, если у вас нетсоздал

{
  "root": "build/",
  "proxies": {
    "/route": {
      "origin": "url"
    }
  }
}

В случае, если вы столкнетесь с нигиксом 404 при обновлении страницы, пожалуйста, добавьте ниже в static.json

"routes": {
    "/**": "default.html"
  }

В моем случае default.html это index.html

Удалить прокси из package.json, но вы должны сохранить его для локальной работы.Удалите HOST из heroku и измените buildpack из heroku cli. В моем случае я очистил все buildpacks и добавил новый сборочный пакет.BUILPACK_URL https://github.com/mars/create-react-app-buildpack

heroku buildpacks:add BUILDPACK_URL

heroku buildpacks:set BUILDPACK_URL

Наконец-то нажмите код для героку.Вы можете следить за этим документ