Блог

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

Я пытаюсь развернуть проект с использованием React, MySQL db и JawsDB на Heroku, но после выполнения инструкций по развертыванию Heroku / Jaws, которые мы использовали при назначении для заметок, мое подключение к БД не работает. Я получаю ошибки: «Ошибка типа: не удалось получить» и «ПОЛУЧИТЬ http: //….. ОТКАЗАНО В подключении к сети ERR_CONNECTION»

Был бы очень признателен за любую помощь, которую вы можете предложить.

Репозиторий: https://github.com/AndrewCodesDontYaKnow/ReactCalc

URL: https://lit-reaches-09190.herokuapp.com /

Ошибка заключается в том, что вы используете порт 4000 в папке сборки для своего сервера базы данных. На онлайн-сайте он не распознает его, а также порт 3306
, так что у вас нет проблем server.js , но App.js вам нужно заменить все:

 "http://localhost:3306/"
  

с помощью всего:

 "/"
  

Так что это будет:

 ...
fetch("/calculations")
...
fetch(`/calculations/add?calc=${calculationArray[calculationArray.length - 1]}`)
...
fetch(`/clear/`)
...
  

Таким образом, вы запустите сервер базы данных на том же порту приложения react js.

Затем вы должны запустить npm run build , чтобы создать build папку, которая будет развернута в heroku.

ИЛИ
просто, в build папке вы можете заменить все:

 "http://localhost:4000/"
  

с:

 "/"
  

Что-то еще:
Вам не нужно загружать node_modules папку для github развертывания вашего приложения. Heroku это не понадобится.
Вы используете git, поэтому вам следует переименовать .gitignore.txt в only .gitignore без какого-либо расширения формата и написать:

 node_modules
  

в нем, чтобы игнорировать эту папку в git push