На странице Github отображается либо пустая страница, либо прочитанный мной файл

#reactjs #templates #github #single-page-application #github-pages

#reactjs #шаблоны #github #одностраничное приложение #github-страницы

Вопрос:

Я использую шаблон react protfolio, и одностраничное приложение загружается идеально, когда я размещаю его локально. Но когда я пытаюсь разместить на страницах github, он показывает мне файл read me (я думаю, потому что нет копии index.html файл в корне), но даже тогда я делаю копию html-файла в корне, он просто показывает мне пустую страницу.

Почему большая разница между тем, что я вижу локально, и тем, как это отображается на страницах github? Как мне это исправить?

Вот код: https://github.com/davidlindercodes/Ultimate-React-Portfolio

Спасибо

Ответ №1:

Это потому, что вы не создавали свое React приложение или не создавали gh-pages ветку.

Что вам нужно сделать

Вы должны создать свое React приложение и переместить файлы в dist папке в ветку под названием gh-pages . Затем страницы Github будут отображаться index.html в gh-pages ветке.

См. Как развернуть приложение React на страницах GitHub

Комментарии:

1. Спасибо! На самом деле, я думаю, у меня нет папки dist? Если я создаю свое приложение react с использованием npm run build или yarn run build, оно выдает мне папку «build», если это то, на что вы ссылаетесь? Должен ли я переименовать этот gh-pages?

2. Вы должны создать пустую ветку gh-pages и поместить содержимое build папки в gh-pages ветку.