не работает gh-pages на github.io - reactjs - PullRequest
Новая
       47

не работает gh-pages на github.io - reactjs

0 голосов
/ 25 апреля 2020

Issue

Здесь <LandingPage> не загружается в <Main> компонент правильно, а многие маршруты не работают должным образом. Я думаю, что это связано с маршрутизацией, поскольку она прекрасно работает на localhost: 3000, но когда я ее разверну, путь изменится на что-то вроде https://codepirate4.github.io/Portfolio/ (имя пользователя Github: codepirate4, хранилище : Портфолио)

У меня есть следующий код.

Приложение. js

render(){
  return (
    <div>
            <Layout>
               <Header className="header-color" title={<Link style={{textDecoration: 'none', color: 'white'}} to="/">MyPortfolio</Link>} scroll>
                <Navigation>
                    <Link to="/Resume">Resume</Link>
                    <Link to="/AboutMe"> AboutMe</Link>
                    <Link to="/Contact">Contact</Link>
                    <Link to="/Projects">Projects</Link>
                </Navigation>
               </Header>
                <Drawer title={<Link style={{textDecoration: 'none', color: 'black'}} to="/">MyPortfolio</Link>}>
                    <Navigation>
                        <Link to="/Resume">Resume</Link>
                        <Link to="/AboutMe"> AboutMe</Link>
                        <Link to="/Contact">Contact</Link>
                        <Link to="/Projects">Projects</Link>
                    </Navigation>
                </Drawer>
                <Content>
                  <Main/>               
                </Content>
            </Layout>
    </div>

  );

};

Здесь и правильно загружены, но неправильно загружены.

Main. js

const Main= () =>(
<Switch>
    <Route exact path= '/' component={LandingPage}></Route>
    <Route  path='/AboutMe' component={AboutMe}></Route>
    <Route  path='/Resume' component={Resume}></Route>
    <Route  path='/Projects' component={Projects}></Route>
    <Route  path='/Contact' component={Contact}></Route>
</Switch>

)

index. js

ReactDOM.render(
<React.StrictMode>
  <BrowserRouter>
   <App />
  </BrowserRouter>  
</React.StrictMode>,
document.getElementById('root')
);

Кроме того, я правильно выполнил основные этапы развертывания для пакета gh-pages

. json

"homepage": "https://Codepirate4.github.io/Portfolio",

Если кому-то нужна дополнительная информация о коде или проблеме, сообщите мне:

...