ESLint 설정을 하던 중 아예 관련 패키지가 깔리지 않는 에러 때문에 일단 건너 뛰고 개발을 약간 진행했다.
어제 계속 씨름 한 결과 ESLint와 prettier 설정을 드디어 완료 했다.
그런데 실행해 보니 내가 짠 모든 코드에 빨간줄이 떴다..
전부 ESLint와 Prettier에서 나는 에러들이다.
하나씩 해결해봤다.
1. Replace `↹↹` with `····`
이게 가장 많이 뜬 에러였다. 위 사진에서보다 훨씬 많이 있었는데 알고보니 Prettier에서는 tab을 사용하고, ESLint에서는 space를 사용하여 공백을 구성하기 때문에 충돌이 일어나는 거였다.
간단하게 prettier 설정(.prettierrc)을 아래와 같이 수정해서 해결했다.
{
"useTabs": false
}
2. Resolve error: typescript with invalid interface loaded as resolver
이 에러는 아래의 패키지가 없어서 일어나는 에러이기 때문에 패키지를 설치해서 해결했다.
npm install -D eslint-import-resolver-typescript
3. Strings must use singlequote
이것도 ESLint와 Prettier가 서로 single/double quote로 설정이 달라서 발생하는 에러이다.
마찬가지로 prettier 설정을 수정해서 해결했다.
{
"singleQuote": true,
}
