react 팀 프로젝트 중 원래 파일 뒤의 .jsx 를 생략해도 import 되었는데, 오류가 나는 현상이 발생했다.(eslint)
Unable to resolve path to module './pages/Login/index' import/no-unresolved Line 4:19:
Missing file extension for "./pages/Login/index"..
.eslintrc.js 에서 settings를 아래와 같이 추가하여 해결 (TS안쓸경우는 .ts,.tsx 생략하면됨)
..
rules: {},
settings: {
"import/resolver": {
node: {
extensions: [".ts", ".tsx", ".js", ".jsx"],
},
},
},
cra + eslint(airbnb) extensions, no-unresolved 오류 해결
terminal123yarn create react-app . --template typescriptyarn eslint --inityarn add -D eslint-config-airbnb@latest cra + eslint(airbnb) 이렇게 리액트 프로젝트를 시작했을 때, import/extensionsimport/no-unresolvedr
chinsun9.github.io
'React' 카테고리의 다른 글
| [React] 조직도 라이브러리: React Google Charts(Org Chart) (0) | 2023.05.31 |
|---|---|
| [React] Email.js 를 사용하여 Form 이메일 전송하기 (2) | 2023.05.30 |
| [React] .env 개발서버와 실서버 분리하여 환경설정하기 (0) | 2023.05.24 |
| [React] package.json 종속성 업데이트 (0) | 2023.05.23 |
| [React] axios, async-await 사용시 try-catch 주의점(catch-비즈니스 로직 x) (1) | 2023.05.19 |
