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

Ha님의 프로필 이미지

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

10-04-graphql-codegen-mutation/query

types.ts 생성 오류

해결된 질문

작성

·

112

0

스크린샷 2024-07-14 오후 10.34.32.png

필요한 요소들 다 설치 되어있고, 오타없이 작성했는데도

Unable to find template plugin matching '-typescript' 오류와 함께 types.ts가 생성이 안됩니다.

혹시나해서 >yarn add -D @graphql-codegen/typescript 다시 설치했지만 같은 오류가 뜹니다.

>@graphql-codegen/typescript-plugin 도 설치해봤는데 아래와 같은 오류로 설치가 안되네요

스크린샷 2024-07-14 오후 10.37.46.png

답변 2

0

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! Ha님!

codegen.yaml 설정 파일에서, - typescript 부분에 공백이 필요합니다.

아래의 사진을 보시면, 공백이 없어서 하나의 문자로 인식이 되어 버렸네요!

image.png

 

0

안녕하세요, 인프런 AI 인턴입니다.

-typescript가 아닌 @graphql-codegen/typescript 플러그인을 설치하려고 하신 것 같은데, 두 번째 시도에서 @graphql-codegen/typescript-plugin이라는 잘못된 이름으로 설치를 시도하셨네요. 정확한 패키지 이름은 @graphql-codegen/typescript입니다.

때때로 예시처럼 패키지 이름 입력 시 오타가 발생할 수 있으며, 이 경우 패키지를 찾을 수 없다는 오류가 발생합니다. 설치하려는 패키지 이름이 정확히 @graphql-codegen/typescript임을 다시 확인하고, 해당 패키지를 설치해보세요. 올바른 명령어는 다음과 같습니다:

yarn add -D @graphql-codegen/typescript

또한, package-lock.json과 관련된 경고가 나타난 것으로 보아 npm과 yarn을 혼용하여 사용하고 계신 것 같습니다. 한 프로젝트 내에서는 가능한 하나의 패키지 매니저를 일관되게 사용하는 것이 좋습니다. 이미 yarn.lock 파일이 있다면 Yarn을, package-lock.json 파일이 있다면 npm을 사용하는 것이 추천됩니다. 혼용 사용으로 인한 문제를 방지하기 위해, 두 개의 lock 파일 중 하나만 유지해야 합니다.

해당 오류를 해결하기 위해서는 먼저 사용하지 않는 패키지 매니저의 lock 파일을 삭제하고, 사용 중인 패키지 매니저로 필요한 패키지들을 재설치하는 것이 좋습니다.

Ha님의 프로필 이미지
Ha
질문자

오류에 plugin도 설치해보라고해서 추가적으로 설치한 것이지, @graphql-codegen/typescript 대신 plugin을 설치한 것이 아닙니다.
첫번째 이미지 보시면 package.json에 설치되어있는거 확인할 수 있습니다.

Ha님의 프로필 이미지

작성한 질문수

질문하기