[React & 환경세팅] [eslint] import ~~~.tsx 오류 (An import path cannot end with a '.tsx' extension)

import Property from '../views/property/index.tsx';

리액트 환경세팅을 하다가 typescript 로 바꿨더니 무수히 많은 오류가 났다.
구글링하여 다른건 해결했는데 tsx 파일 import 하는게 계속 오류가 났다.
An import path cannot end with a '.tsx' extension

 

 

해결방법

1. eslint 설정

// .eslintrc.js 
'@typescript-eslint/ban-ts-comment': 'off',

2. ~~.tsx 는 모두 쓰지 않기!

//오류
import Property from '../views/property/index.tsx';

//해결
import Property from '../views/property';