github pages 활용해서 IT 포트폴리오 만들기/ 트러블 슈팅

에러 1. 콘솔창에 Uncaught SyntaxError: Unexpected token '<' 에러 발생

package.json의 homepage 경로 문제였다

• 내가 참고했던 페이지에서 homepage에 github 레포지토리명까지 넣으라고 해서 https://kaya53.github.io/kaya53.github.io 이렇게 작성한 것이 문제였다.

• 그냥 https://kaya53.github.io/ 까지만 작성해줘도 됨

{
  "homepage": "https://kaya53.github.io",
  ...
}

에러 2. 깃허브에 push했는데도 변경사항이 정상적으로 반영되지 않음

push한 후에 npm run deploy를 해주면 된다

• 단, 이는 package.json에 아래 코드가 있을 때만 유효하다.
• 즉, build가 정상적으로 되어야 페이지에 변경 사항이 반영이 되는 것이다.

"scripts" : {
  	....
	"predeploy": "npm run build",
    "deploy": "gh-pages -d build"
}

깃허브 페이지 호스팅 시 유의할 점

• repository > setting > pages 에서 branch를 gh-pages로 해줘야 작성한 코드로 이루어진 페이지가 렌더링된다.
• branch를 master/main으로 해놓으면 readme.md가 렌더링된다.