오잉!!!!
분명히 코드를 정확하게 적었는데?
왜 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
로 변경합니다.