Этот ответ показался мне гораздо более полезным: На страницах GitHub только файл ReadMe? . Мой сайт показывал файл readme, потому что мой источник был master, а когда я думал, что развертываю master, я фактически развертывал на своем пульте с веткой gh-pages, которая в любом случае оказалась намного чище. Когда он читал с мастера, он не видел индекс, поэтому по умолчанию показывал файл README.md.
Я развертывал приложение для создания реакции. Я не осознавал, что запуск gh-pages -d build на самом деле создал ветку gh-pages на вашем удаленном компьютере (GitHub) и автоматически выдвигался к ней точно по мере необходимости. Тем не менее, все, что мне нужно было сделать, чтобы решить эту проблему, это изменить источник, чтобы страницы были ветвью gh-pages.
Установите свой источник в репозитории GitHub. То есть
Ваш сайт GitHub Pages в настоящее время создается из ветви gh-pages.
Добавьте к своим сценариям package.json deploy и predeploy
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"predeploy": "yarn build", // <--- this and
"deploy": "gh-pages -d build" // <--- that
},
Разверните ваше приложение. yarn deploy при условии, что вы сделали скрипт, как указано выше.
Войдите в GitHub, зайдите в свой репозиторий и проверьте ветку gh-pages, которая должна была быть создана для вас. Обновление на реальном веб-сайте занимает пару минут, так что это хорошее первое место, чтобы проверить, работает ли развертывание.
Примечание. В документах упоминается начальное развертывание ... но я вижу, когда я запускаю yarn deploy, что на самом деле он запускает yarn build, пока я не сделаю это сначала ... поэтому мне не нужно запускать "предустановку". Хотелось бы прокомментировать это здесь.