리엑트에 관한 질문입니다.

[서나현]

다른 html 파일에 있는 버튼을 눌렀을 때 react로 만든 파일을 띄워주고 싶습니다

이렇게 할 수 있는 방법이 있을까요?  검색해보려고 했는데 뭐라고 검색을 해야 나오는지 잘 모르겠습니다ㅠㅠ

제가 기존에 작업하던 메인 포폴 html파일에서 리엑트 페이지라는 버튼을 누르면 리엑트파일을 서브파일로 불러오고 싶습니다

기존에 html로만 작업할 때는 해당 파일을 최종 포폴 폴더에 추가시킨 뒤 버튼을 클릭하면 <a href="파일경로"> 라고 적어줘서 실행이 되었는데

지금은 기존처럼 리엑트 파일 shop를 그대로 제 포폴 폴더에 넣어두고

<a href=shop/public/index.html> 로 불러와도 페이지가 뜨질 않아요... 

 

[codingapple]

실제로 사용할 땐 build명령어로 생성한 html css js 파일들을 이용해야합니다 

build폴더에있는 파일들 보여주면 됩니다

[서나현]

만든 리액트 사이트 build & Github Pages로 배포해보기

여기 강의보고 따라했는데 build 폴더에 있는 index.html 파일을 열면 아무것도 안뜨는 빈페이지로 보입니다ㅠㅠ

혹시나해서 package.json 파일에 오브젝트 제일 첫번째에 "homepage": "http://codingapple.com/blog", 이부분도 추가해준 뒤 build 폴더를 만들었는데 아무것도 보이질 않네요ㅠㅠㅠ 왜그런지 알 수 있을까요?? 

[codingapple]

대부분 경로문제입니다 

빌드한 파일들을 http://사이트주소/blog 폴더안에 넣으셨으면 package.json homepage 속성에 /blog라고 추가해야합니다

라우터도 쓰고 있으면 강의따라서 basename도 추가하면 됩니다 

 

[서나현]

package.json 파일에  "homepage": "http://내 사이트주소/상위폴더명" 을 추가해줘야 한다는 말씀이시죠?

[서나현]

제가 상위폴더가 shop라 "homepage": "/shop",

라고 넣어봤는데도 아무것도 안나와서 "homepage": "./",

라고 넣어줘봤는데 이랬더니 navbar영역만 나오네요 어떤부분을 수정해야 할까요??

[서나현]

다른 방법이 없을까요??

[codingapple]

그냥 컴퓨터에서 열어보려면 html파일을 크롬으로 열기가 아니라 localhost로 미리보기 띄우면 보입니다 

vscode 에서 live server 익스텐션 설치하고 그걸로 html파일 미리보기 띄워봅시다 

[서나현]

live server로 띄워도 여전히 내용이 보이지 않습니다ㅠㅠ 

크롬 개발자 모드로 살펴보니 아래와 같은 에러문구가 뜨는데 혹시 원인을 알 수 있을까요?

[codingapple]

로컬에서 열어보려면 homepage : /shop 이런거랑 basename 다 지우고 build해서

build폴더 에디터로 오픈한 다음에 띄워보면 됩니다 

 

[글쓴이]

글