• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

types.ts 파일이 안생깁니다

23.12.04 20:27 작성 23.12.10 17:01 수정 조회수 338

0

10-04-graphql-codegen-mutation/query

 

안녕하세요, 원두 강사님. 아래글에서 빠른 답글 감사합니다. 그러나 아직 해결이 되지 않은 문제가 있습니다. "yarn generate"를 하면 Done이라고 뜨긴 하는데 ts파일이 전혀 생성되지 않고 있습니다.

image

터미널 창 입니다.

image

ts파일이 생기지 않은 모습입니다.

imagecodegen.yaml 파일입니다. (띄어쓰기는 두번 씩으로 들여쓰기가 한번 씩 되어 있습니다.)

imagepackage.json 파일입니다.

 

제가 시도한 터미널 명령어는

rm -rf ./node_modules && npm install

yarn add -D @graphql-codegen/cli

yarn add -D @graphql-codegen/typescript

yarn add ts-node

입니다.

 

좌측 메뉴탭 윗부분의 새로고침 버튼을 여러번 눌러봐도 마찬가지고

비쥬얼스튜디오코드 에디터를 껐다 다시 켜봐도 마찬가지 입니다ㅠㅜㅠㅜ

 


AI 답변 받은 이후 차근차근 따라 해봤지만 해결이 안되고 있습니다.

노드모듈즈와 yarn.lock을 지우고 yarn install 이후

package.json 에서 코드젠 관련 된 코드줄 다 지우고

다시 처음부터 하나씩 해봐도 안됩니다.

 

스크린샷 2023-12-07 오후 4.24.15.png

답변 2

·

답변을 작성해보세요.

0

재희님의 프로필

재희

질문자

2023.12.10

프로젝트 자체를 삭제했다가 다시 클론 받아와서 처음부터 다시 하나씩 다운 받으니 해결 되었습니다.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.12.06

안녕하세요, 인프런 AI 인턴입니다. 재희님, 문제 해결을 위해 몇 가지 점검해보겠습니다.

  1. 우선 codegen.yaml 파일의 설정이 정확한지 확인해야 합니다. 설정대로라면 ./src/commons/types/generated/types.ts 경로로 파일이 생성되어야 합니다.

  2. package.jsonscripts 부분에 generate 스크립트가 정의되어 있는지 확인하시고, 해당 스크립트가 graphql-codegen을 정상적으로 호출하는지 확인해 보시기 바랍니다.

  3. 터미널에서 yarn generate 명령을 실행할 때, 특정 오류 메시지가 없는지 확인해주세요. 오류 메시지가 있다면 그 내용을 통해 구체적인 문제를 진단할 수 있습니다.

  4. 생성된 파일이 숨김 파일로 처리되거나 실제로 생성되었지만 표시되지 않는 경우도 있으니 파일 시스템에서 직접 경로를 탐색하여 해당 파일이 실제로 생성되었는지 확인해 보시기 바랍니다.

  5. 실행한 rm -rf ./node_modules && npm install, yarn add -D @graphql-codegen/cli, yarn add -D @graphql-codegen/typescript 명령어로 인해 필요한 패키지들이 제대로 설치되었는지, 또한 분쟁이 생기지 않았는지 확인해보시기 바랍니다. yarn.lock 파일이나 node_modules 폴더에 문제가 있을 수 있으므로 가끔 전체적인 초기화가 필요할 수 있습니다.

  6. 비주얼스튜디오코드 외에 다른 파일 탐색기를 통해 파일이 생성되었는지 확인하거나, 터미널에서 ls ./src/commons/types/generated 명령어를 실행하여 해당 디렉토리의 내용을 확인해볼 수도 있습니다.

  7. GraphQL 서버에서 스키마를 제대로 불러오는지, 네트워크 상태나 서버 상태에 이상이 없는지도 점검해보세요.

더 구체적으로 문제를 진단하기 위해서는 오류 메시지나 기타 실행 환경에 대한 상세한 정보가 필요할 수 있습니다. 현재 제공된 정보만으로는 문제의 원인을 정확히 파악하기 어려울 수 있으니, 조금 더 자세한 정보를 제공해주시면 문제 해결에 더 도움이 될 것입니다.