Failed to compile

huni_·2022년 7월 14일
0

error

목록 보기
1/3

오잉!!!!

분명히 코드를 정확하게 적었는데?
import가 되지 않는 건가?

브라우저 오류 화면

vscode 오류 메시지

상황설명

.js ~> .ts, .tsx 로 변경하고나서 이런 오류가 나온다!!!

상황 해결

./src/components/commons/apollo/index.ts의 파일명을
.tsx 로 변경

타입스크립트를 사용하는 파일 중 return 을 포함하고 있다면 확장자를 ts로 두면 오류가 발생합니다.

return 부분이 사실 html이 아니라 JSX 즉, 자바스크립트 XML 이기때문에 그렇습니다.

따라서 단순히 javascript 만 있는 .js 파일은 typescript의 .ts로 변경하고,

javascript에서 JSX(React의 HTML)를 return 하는 컴포넌트들은 typescript의 .tsx 로 변경합니다.

profile
FrontEnd Developer

0개의 댓글