2026, 새로운 도약을 시작합니다.

리액트 빌드 관련 추가 질문 입니다. 채택완료

리액트 수정 작업 후 배포 할 때마다

- npm run build

- npm install -g serve

- serve -s build

이 3단계를 거쳐 하나요?

답변 6개

채택된 답변
+20 포인트

답변에 대한 댓글 1개

제가 모르는것들 시간 투자 하셔서 잘 알려주셔서 많은 도움 되었습니다.
감사합니다 !!

댓글을 작성하려면 로그인이 필요합니다.

그건 정상입니다.

SPA라서 그렇습니다.

루트에 .htaccess 파일 만들어 아래코드를 넣어주세요

Copy




  RewriteEngine On

  RewriteBase /

  

  # 클라이언트 사이드 라우팅을 처리하는 규칙

  RewriteCond %{REQUEST_FILENAME} !-f

  RewriteCond %{REQUEST_FILENAME} !-d

  RewriteRule ^ /index.html [L]



로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

실제로 리액트로 웹사이트 작업할 때도 이런 처리를 별도로 해주는건가요?
안그럼 새로고침하면 에러나듯이 파일을 찾을 수 없다고 하니.. 이거 원..

댓글을 작성하려면 로그인이 필요합니다.

아 감사합니다.

일단  https://jamttyworking.mycafe24.com/ 페이지 잘나옵니다.!!

근데 서브 페이지 클릭 후 이동 후 새로고침해도 해당 페이지에 있어야 하는데 파일을 찾을 수 없다는데

이건 왜 이런건가요..? 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

근데 말씀대로 추가 햇는데도 계속

The project was built assuming it is hosted at ./.
You can control this with the homepage field in your package.json.

게 나오고 서버에서 안보이네요.. 뭐가 잘못됐을까요?

32936023_1724058832.2213.png

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

경로가 도메인/ 경우입니다.
혹시라도 폴더에 테스트하시러면 폴더까지쓰셔야합닏ㄱㆍ

댓글을 작성하려면 로그인이 필요합니다.

아 yarn 설치 해놨으니 yarn build 로 하면 되겠네요

안그래도 서버에 올렸는데 페이지가 안보여서 ... 감사합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

전 yarn 쓰는데

yarn build 끝입니다.

npm 쓰시면

npm run build 하나만 하셔도 됩니다. 

그럼 알아서 생깁니다.

※ 아 깜빡하고 말씀안드린게 패키지json 에 "homepage": "./"  이거 꼭 추가해주셔야

서버 올렸을 때 정상적으로 보여요!!!!!!!!!

두번째 스샷보면, 위 내용이 있어요 홈페이지 : ./ 입력하라고!! 꼭 입력해주세요

978180634_1724058102.6705.png

방금 빌드했습니다.

978180634_1724058157.2336.png

이렇게 추가해주심 되세요

978180634_1724058271.5462.png

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고