2017-09-25 8 views
0

Github 사용자 페이지에 React 앱을 배포하는 데 약간의 문제가 있습니다. 작성 - 반응 - 응용 프로그램 설명서를 읽고 "원사 실행 배포"를 사용하여 프로젝트 페이지에 배포하는 방법을 이해합니다. 그러나 이것은 내가하려는 것이 아닙니다.React 앱을 Github 사용자 페이지에 배포

사용자 페이지가 repo의 루트 디렉토리에서 index.html을 찾지 만 "npm run build"가 해당 파일을 별도의 빌드 디렉토리에 생성한다고 생각합니다. 사용자 페이지는 master 브랜치에서 빌드해야하기 때문에, 나는이 빌드 파일이 repo의 root에서 바로 생성 될 수있는 방법을 찾고있다. 내 첫 번째 생각은 "build.js"스크립트를 수정하는 것이지만, 내가 열 때 내가 뭘보고 있는지 잘 모르겠다.

내 빌드 디렉토리의 내용을 Github으로 푸시하기 전에 루트 디렉토리로 직접 드래그하면 내가 원하는대로 액세스 할 수 있습니다. 사용자 이름 .githubo.io . 그러나, 그것은 지저분하고 지루한 느낌.

package.json의 "homepage"를 "username .githubo.io /"로 설정하려고 시도했지만 배포 스크립트는 여전히 응용 프로그램을 빌드 할 별도의 gh-pages 분기를 생성합니다. 다시 사용자 페이지에는 허용되지 않습니다).

미리 도움을 청하십시오! 내가 분명히 할 수 있는지 알려줘.

편집 :

https://tyler-coleman.github.io/

https://github.com/tyler-coleman/tyler-coleman.github.io

너희들은 내가 무슨 말 더 나은 아이디어를 가지고 있으므로 현재 사이트와의 repo에 대한 링크를 포함합니다. 현재로서는 "cp -a build /."를 포함시켜이 문제를 해결했습니다. package.json의 배포 스크립트에서

문서에는 프로젝트 페이지에 배포하는 지침이 포함되어 있지만 사용자 페이지에는 포함되지 않는 것이 이상하다고 생각합니다.

+0

GitHub 페이지는 정적 사이트 호스팅 만 지원합니다. –

+0

https://tyler-coleman.github.io/의 모습에서 제대로 작동하는 것 같습니까? 나는 똑같은 문제가있어, 어떻게 해결했는지 궁금 할 것이다. – zigzag

+0

@zigzag 죄송합니다. 정말로 지연된 답장을 보내 주셔서 감사합니다. 아직 해결되지 않은 내용이 있으면 여기를 클릭하십시오. package.json에서 "배포"스크립트를 찾아서 수정하여 디렉토리를 루트 디렉토리에 빌드하십시오. 바보 같지만 작동합니다. 내 모습은 다음과 같습니다 : ""predeploy ":"npm run build ", "deploy ":"cp -a build /. ", "start ":"노드 스크립트/start.js ", "build ":"노드 스크립트/build.js - 역사 - api-fallback ", "test ":"노드 스크립트/test.js --env = jsdom " , 궁금한 점이 있다면 당신은 더 우아한 해결책을 발견했습니다. – Tyler

답변

0

localhost 컴퓨터가 노드 및 노드 패키지 관리자를 실행 중이므로 github 페이지가 node.js를 실행하지 않아 제대로 작동합니다. 즉, 인스턴스가 처리해야하는 노드입니다.

react를 실행하려면 노드를 사용하고, 한 달에 5 달러에 linode Linux 상자를 렌딩하고 필요한 것을 설치하는 것이 좋습니다. 추가로 12 달러를 지불하면 자신의 멋진 도메인 이름을 등록 할 수 있습니다.

+0

내가 아는 한 node.js를 사용하지 않습니다.그냥 패키지 관리자. Github Pages에서 잘 작동합니다. 체크 아웃 : https://tyler-coleman.github.io/. "cp/build /."를 포함하여 지금은 속임수입니다. package.json의 "build"스크립트에서 내 빌드 파일을 루트 디렉토리에 복사하지만 뭔가 잘못되었다고 느껴집니다. 빌드 파일을 복사하지 않고 repo로 푸시하지 않고도 내 사용자 페이지에 앱을 배포하는 더 전문적인 방법이 있어야합니다. 죄송합니다. 이해가 안되는 경우 React 앱에 대해 거의 익숙하지 않으며이를 배우려고합니다. 감사합니다. – Tyler

+0

솔직히 나는 자신에게 반응 할 수있는 약간의 멍청한 행동이지만, 내가 알고있는 한 그것은 노드 꼭대기에서 실행된다. –