tsx 파일 오류 질문입니다.

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

해결된 질문

작성

627

tsx 파일로 확장자명 바꿔도 react import 하라는 오류 뜨는데, import 하지 않고 수정할 방법 없을까요..?

구글링 해보면 ts, react 버전 확인하고 tsconfig 파일의 "jsx"부분을 바꾸는데, next 때문에 yarn dev하면 다시 바뀌네요.

seo nodejs react graphql Next.js

답변 2

문재영

질문자

package.json 파일과 tsconfig 파일 캡쳐본입니다.

Camp_멘토

패키지나 tsconfig에는 문제가 없는 것으로 보입니다.

이런 경우 패키지가 설치되었으나 yarn.lock에서 다른 버전의 타입으로 버전이 고정되어 있어 타입을 못불러오는 경우가 있을 수 있습니다.

{
	"devDependencies": {
	...
	},
	"resolutions": {
	"@types/react" : "17.0.2"
        }
}

resolutions를 작성하고 node_modules를 지운 후 다시 yarn install 해주세요. 타입을 정확하게 맞추는 과정입니다.

만약 이렇게 해도 안되실 경우 IDE(VSCode)가 typescript 버전을 사용하는지 확인해주세요.

CTRL + Shift + P또는 ( Mac의 경우 ⌘+ Shift+ P)를 눌러 명령 팔레트를 열 수 있습니다.

입력 필드에 "typescript version" 을 입력하고 "TypeScript: Select TypeScript Version..." 을 선택 합니다.
그런 다음 "Use Workspace Version" 을 클릭 합니다. 로컬에 설치된 TypeScript 버전이어야 합니다.

VSCode를 껐다가 다시 켜보세요.

이렇게 해도 해결이 안되시면 다시 말씀해주세요!

문재영

질문자

vs 재실행 후 해결되었습니다 감사합니다~

Camp_멘토

안녕하세요 재영님
정확한 답변을 위해
package.json 파일과 tsconfig 파일 캡쳐본 전달 부탁드립니다.

문재영

질문자

아래 답글 첨부하겠습니다!

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

tsx 파일 오류 질문입니다.