inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

tsx 파일 오류 질문입니다.

해결된 질문

750

문재영

작성한 질문수 1

0

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

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

seo nodejs react graphql Next.js

답변 2

0

문재영

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

0

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..." 을 선택 합니다.
typescript-version.webp그런 다음 "Use Workspace Version" 을 클릭 합니다. 로컬에 설치된 TypeScript 버전이어야 합니다.

작업 공간 버전 사용VSCode를 껐다가 다시 켜보세요.

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

0

문재영

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

0

Camp_멘토

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

0

문재영

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

fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다

0

41

1

댓글 기능 구현 중 질문드립니다.

0

68

1

쿠폰코드 발급

0

149

2

example 서버 플레이그라운드, API 접속 모두 안됩니다.

0

89

2

문의드립니다!! ㅠㅠ

0

108

2

graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.

0

80

2

_app.js 작성 이후로 에러가 발생하네요

0

97

2

학습자료

0

72

2

학습자료가 안열립니다.

0

53

2

플레이 그라운드 퀴즈 문제 질문이 있습니다.

0

61

0

기존강의 구매자, 업데이트 끝인가요?

0

111

3

업데이트 버전 수강

0

90

2

완벽한 프론트엔드

0

136

2

나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.

0

84

1

graphql 접속이 안됩니다.

0

101

2

const, let 사용 질문 드립니다.

0

72

2

싸이월드 만들기 1탄 피드백 부탁드립니다.

0

125

2

회원가입 과제 피드백 부탁드립니다.

0

81

2

styled.span / styled.input "CSS 자동완성"

0

47

1

쿠폰 발급 관련

0

167

2

서버 502 error

0

249

2

쿠폰 다시 부탁드려도 될가여?

0

140

2

a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요

0

185

2

2분 44초 질문

0

132

3