frontend/react.js

react.js 에서 git 퍼블리싱이 안되는 현상

김포레스트 2023. 3. 12. 21:19

오류 메시지 - 

Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option).

 

원인 -

origin에 리모트가 안되었던것 같다. master에 리모트 되었다고 끝이 아닌가보다.

origin에 다시 연동해주기로 한다.

 

해결 - 

1. npm add --dev gh-pages (npm아, github Pages 기능을 설치해줘라.)

2. git remote add origin 깃헙주소 (repository에 origin을 연동 하여라)

3. git push -u origin master (origin master에 푸쉬하여라)

 

이 모든 것은 모두 gh-pages -d build 하기 위한 과정.

 

1. react 폴더의 package.json 파일을 수정한다. 파일의 가장 아랫줄 컴마 뒤에 쓴다.

 -> "homepage": "깃헙페이지 주소" 

  },
  "homepage": "https://kimforest91.github.io/react"
}

 

2. package.json 파일내의 "script" 객체도 수정해준다.

  "scripts": {
    (작성되어있는 코드 아래에 추가)
    "deploy": "gh-pages -d build",
    "predeploy": "npm run build"
  },

 

3. npm run delpoy 를 터미널에 입력하면 package.json 파일에 있는 deploy가 실행되면서 깃헙 페이지에 빌드 된다(프로젝트 폴더 안에 build 폴더가 추가되는 것을 볼 수 있음). deploy가 실행되면서 npm run build도 함께 실행됨.

 

 

-끗!-

'frontend > react.js' 카테고리의 다른 글

[React.js] git에서 clone 한 프로젝트의 npm start 오류  (0) 2023.03.27