인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

재미있는 염소님의 프로필 이미지
재미있는 염소

작성한 질문수

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

js -> tsx로 전환 시 특정 import파일 빨간줄

해결된 질문

작성

·

4K

0

 강의에서는
import { useMutation } from "@apollo/client";에 빨간줄이 없는데 실습을 하면서 js -> tsx로 변환 하면서 특정 import에 빨간줄이 생겼습니다.

20230115200516.png

에러 코맨트는
Cannot find module '@apollo/client' or its corresponding type declarations.ts(2307)

입니다.

답변 2

0

안녕하세요 상엽님
node_modules와 yarn.lock을 지우고 다시 yarn install 하신 후
VS Code를 재실행 해보세요

해결 안되시면 코멘트 주세요.

node_modules 폴더는 찾을 수 없어 yarn.lock을 지우고 다시 실행해도 그대로입니다.

image

image

그리고 또 하나 더 질문이 있습니다!

JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.ts(7026)

image

HTML 태그에 빨간줄이 그어집니다.

imagecompilerOptions 옵션에 "noImplicitAny": true 추가해서 해결해야하는 문제인가요?

구글링 한 후 npm install react 명령어로 package-lock.json을 파일이 생성되면서

빨간줄 문제가 해결되었습니다.image강의에서는 yarn을 사용 할 경우 package-lock.json 파일을 삭제해도 무방하다고 들었는데 제가 먼가 잘못한건가요?!

 

패키지 설치 시 yarn 과 npm을 혼용하여 사용하였을 경우
패키지 내부에서 버전 등의 문제로 인해 충돌이 발생할 수 있습니다.

package-lock과 yarn.lock이 둘 다 발생하시는 것으로 보아 두 패키지 매니저를 모두 사용하신 것 같은데, 버전 호환이 npm이 더 잘되시는것 같으니 앞으로는 npm을 사용해서 패키지를 설치해주세요.

yarn 대신 npm을 사용해서 완강하는데 별 문제는 없을까요?

네 같은 패키지 매니저이기 때문에 큰 문제는 없을 것입니다.
패키지/모듈 설치 시에만 npm을 사용하시고 다른 때에는 그대로 yarn을 사용하셔도 괜찮습니다.

0

image혹시 몰라서 pakage.json 파일 첨부합니다.

재미있는 염소님의 프로필 이미지
재미있는 염소

작성한 질문수

질문하기