React Router не отображает путь ='/', когда я публикую в настраиваемый домен в github

Question

У меня есть репозиторий в GitHub, и я установил пользовательский домен www.alessiochf.com

Приложение не отображает домашний маршрут согласно приведенному ниже коду

import React from 'react'
import { Switch, Route } from 'react-router-dom'
import Home from './Home'
import About from './About'
import PhotoApp from './PhotoApp'
import ScrollToTop from './scrollToTop'


const Main = () => (
  <main>
    <Switch>
     <ScrollToTop>
        <Route path='/' component={Home}/>
        <Route path='/PhotoApp' component={PhotoApp}/>
        <Route path='/About' component={About}/>
      </ScrollToTop>
    </Switch>
  </main>
)

export default Main

Вот мой файл Package.json

{
  "name": "alessioch",
  "description": "Portfolio in React.js",
  "homepage": "http://www.alessiochf.com",
  "version": "0.0.0",
  "dependencies": {
    "react": "15.5.3",
    "react-dom": "15.5.3",
    "react-router-dom": "4.1.1",
    "react-scroll-parallax": "^1.3.5",
    "surge": "^0.20.1"
  },
  "devDependencies": {
    "gh-pages": "^1.2.0",
    "react-scripts": "1.0.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  }
}

Я что-то пропустил? Спасибо

Answer 1

Убедитесь, что вы установили точную опору true на ваше Home маршрут:

<Route exact path='/' component={Home}/>

Answer 2

Я рекомендую использовать Next JS для вашего приложения.

Answer 3

Лучше переместить его вниз, чем использовать exact. чтобы он перенаправлял все другие случайные пути на /

       <ScrollToTop>
    <Route path='/PhotoApp' component={PhotoApp}/>
    <Route path='/About' component={About}/>
    <Route path='/' component={Home}/>
  </ScrollToTop>