Я уже выполнил простые и правильные шаги по развертыванию моего проекта React на страницах GitHub, например: https://github.com/gitname/react-gh-pages
К сожалению, я не знаю, почему мой сайт неза работой.Он всегда отображает мой компонент NotFound.js, без каких-либо ошибок в консоли.Развернутый сайт: https://krizferre.github.io/fewd-techdegree-project-11/
Вот фрагмент кода из моего проекта:
class App extends Component {
// All routes re-use one component which is Container, just depends on the keyword/category being searched
// Home path '/' is redirected to '/cats' to initially have photos to display
render() {
return (
<BrowserRouter>
<Switch>
<Route exact path="/" render={ () => <Redirect to='/cats' /> } />
<Route exact path="/search" render={ () => <Redirect to='/search/panda' /> } />
<Route exact path="/search/:keyword" render={ props => <Container
title='Results for '
keyword={props.match.params.keyword}
/>
}
/>
<Route exact path="/cats" render={ () => <Container title='Cat Gifs' keyword='cats' />} />
<Route exact path="/dogs" render={ () => <Container title='Dog Gifs' keyword='dogs'/>} />
<Route exact path="/birds" render={ () => <Container title='Bird Gifs' keyword='birds' />} />
<Route component={NotFound} />
</Switch>
</BrowserRouter>
);
}
}
Все мои коды проекта находятся в https://github.com/krizferre/fewd-techdegree-project-11/tree/gh-pages.
Спасибо