npm run build 후 react router dom 의 path="/" element 가 안뜹니다

[김대건]

안녕하세요 코딩애플님! 항상 강의 재미있게 듣고 있습니다

수강완료 후 리액트 프로젝트를 두세번정도 진행했었는데
이상하게 npm run start 할때는 Route path="/" 에 해당하는 element 가 홈화면으로 잘 보여지다가
npm run build 해서 index.html 을 배포하거나 Live Server 로 열면 Route path="/" 에 해당하는 홈 페이지 element 가 보이지를 않습니다

구글링도 해보고 리액트 게시판도 찾아보고 스택오버플로우랑 리액트 라우터 돔 사이트도 찾아 봤는데 도저히 해결이 안되어서
결국은 path="/*" 로 배포를 했었습니다

제가 시도해본 방법은 다음과 같습니다
1. package.json 에 "homepage" : "./" 를  "." 또는 "/" 로 바꿔서 빌드

2. 페이지 컴포넌트를 App.js 에서 만들어서 빌드

2. npm install -g serve
    serve -s build
    이거도 이후 터미널에 나오는 url 로 로컬환경에서 실행은 잘되는데
    index.html 로 빌드는 안됩니다

4. 마지막으로 react-router-dom 만 설치해서 테스트용으로 빌드해봤는데 라우팅이 안됩니다





npm run start 했을시에 첫 화면 입니다


npm run build 해서 /build/index.html 을 Live Server 로 실행 했을시에 첫 화면 입니다

[codingapple]

build폴더를 에디터로 오픈한 뒤에 live server 익스텐션으로 띄워봅시다

[김대건]

네 Live Server 로 했는데도 동일해서
아래쪽에 제가 시도했던 것들을 적어두었는데

build 하면 path="/" 로 된 element 는 보이지를 않습니다
원래 이렇게 동작하는건가요 ??

[codingapple]

위 사진에선 build폴더를 에디터로 오픈안하고 live server로 띄운거같군요

[김대건]

아하 이해했습니다 !! 감사합니다

[글쓴이]

글