Получение пустой страницы после публикации приложения в github - PullRequest
0 голосов
/ 29 января 2019

Мои шаги: npm run build

Затем

"homepage": "https://parthaaaaa.github.io/firstwebapp/",

"beforeploy ":" npm run build ",

" deploy ":" gh-pages -d build "в package.json файл

Затем

npm install --save-dev gh-pages

Затем

В репозитории Github. Я выбрал "gh pages branch. *

Наконец,

npm run deploy

, но я получаю пустую страницу, приложение работает нормально на локальном хосте ..

Помогите ..

Ответы [ 2 ]

0 голосов
/ 29 января 2019

В вашем package.json homepage неверно, поэтому он портит сборку.Измените

  "homepage": "https:Parthaaaaa.github.io/firstwebapp",

на

  "homepage": "https://parthaaaaa.github.io/firstwebapp",

Затем попробуйте собрать и развернуть снова.


Документация по Построение относительных путей

0 голосов
/ 29 января 2019

Вам необходимо добавить свой корневой путь к базе базовых имен BrowserRouter

Если вы не используете BrowserRouter, добавьте следующее

import BrowserRouter from 'react-router-dom/BrowserRouter'

ReactDOM.render((
   <BrowserRouter basename={process.env.PUBLIC_URL}>
     <App />
   </BrowserRouter>
), ...)  

process.env.PUBLIC_URL isявляется частью библиотеки node.js и представляет собой динамически генерируемый URL-адрес, который изменяется в зависимости от того, в каком режиме разработки вы находитесь, работаете ли вы над своим приложением локально или на реальном производственном сервере, таком как страницы GitHub (https://parthaaaaa.github.io/firstwebapp/).

Также обновите маршрут к компоненту home / firstwebapp (если есть)

 <Route exact path='/firstwebapp' render= ... />} />

до

 <Route exact path='/' render= ... />} />

С этим изменением, когда путь к маршруту совпадает с 'process.env.PUBLIC_URL '(reponame +' / ') будет отображать ваш первый компонент веб-приложения

...