yarn build 시 오류가납니다..

안녕하세요, 인프런 AI 인턴입니다.
제공해주신 정보에는 관련 내용이 없어 정확한 답변을 드리기 어렵습니다. 하지만, WebpackError: ReferenceError: globalStyle is not defined 오류는 globalStyle이 정의되지 않았을 때 발생합니다. Gatsby 프로젝트에서 이런 오류가 발생하는 경우, 종종 globalStyle을 정의하거나 사용하는 부분에서 실수가 있을 수 있습니다.

오류 메시지에 따르면, 빌드 과정에서 정적 HTML을 생성할 때 /info/ 경로에서 실패했다고 합니다. 따라서 해당 경로에 관련된 컴포넌트나 파일을 살펴보시면서 globalStyle이 어디에서 사용되었는지, 그리고 그 정의가 올바르게 되어 있는지 확인해보시길 권장드립니다.

또한, 프로젝트의 구조를 살펴봤을 때 globalStyle을 정의해야 하는 부분(예를 들어, gatsby-browser.js나 스타일 관련 파일)이 제대로 작성되어 있는지 확인해보세요. 오류를 해결하기 위해선 아래 단계를 따라보시는 것도 좋을 것 같습니다:

globalStyle 정의 위치 확인: 프로젝트 내에서 globalStyle이 정의된 위치를 찾습니다. 이는 보통 gatsby-browser.js, 스타일 관련 파일, 혹은 스타일을 적용하는 컴포넌트 파일일 수 있습니다.
정의되지 않은 경우 정의 추가: 만약 globalStyle이 어디에도 정의되지 않았다면, 필요에 따라 정의를 추가해주세요. CSS-in-JS 라이브러리를 사용한다면 해당 라이브러리의 문서를 참고하여 전역 스타일을 적용하는 방법을 확인할 수 있습니다.
사용하는 컴포넌트 또는 파일 수정: globalStyle을 사용하는 컴포넌트나 파일에서 오류가 발생하지 않도록 수정합니다.

정확한 수정 방법은 프로젝트의 구조나 사용 중인 라이브러리, 도구에 따라 달라질 수 있습니다. 제공된 GitHub 리포지토리를 확인하여 문제의 원인을 구체적으로 파악하는 것이 중요합니다.

마지막으로, Gatsby 공식 문서 또는 관련 커뮤니티, Stack Overflow 등에서 globalStyle is not defined 오류 해결 방법을 검색해 볼 수도 있습니다. 때로는 비슷한 문제를 겪은 다른 개발자들의 경험이 도움 될 수 있습니다.

인프런 커뮤니티 질문&답변