< 목차 >
(1) 해결을 위한 시도
(2) 드디어 해결
Run autofix to sort these imports! (simple-import-sort/imports) 에러
Qodana에서 알려줬던 에러를 해결하고 push 했더니 이번엔 또 import가 정렬되지 않는다는 에러가 생겼다.
아니 한 번에 좀 알려주지 왜 자꾸 하나씩 늘어나는 거냐?
그래도 간단하지 않을까 싶었는데, 해결하기까지 생각보다 더인 2시간 반 정도 걸렸다.. 어떤 시도를 했고, 어떻게 해결했는지에 대한 이야기를 이제 시작하겠다.
(1) 해결을 위한 시도
1. eslint-config-airbnb와 일부 패키지의 버전 충돌 경고 해결을 위해 호환되는 버전으로 재설치했던 게 문제인가 싶어, pnpm update --latest 명령어를 통해 모든 의존성을 최신 상태로 업그레이드함
2. “next”를 추가하며 .eslintrc.json 파일의 불필요한 항목 정리했는데, 그 과정에서 삭제한 항목 때문에 문제가 생긴 건가 싶어서 다시 설치하고 세팅을 전과 동일하게 맞춰봄
3. .prettierrc, .eslintrc, settings.json을 보면서 호환성 점검
(2) 드디어 해결
온갖 내용 다 찾아보다가 해결책을 찾았다. 하이라이트 처리한 코드를 작성해야 했다.
.vscode/settings.json 파일에 코드를 추가하면 해결된다.
왼쪽이 정렬되기 전, Qodana에서 import 정렬되게 하라고 에러 떴던 당시의 코드다. 이제 코드를 저장하면 오른쪽처럼 자동이 잘 되는 것을 확인할 수 있다.
'[Front-end] 개발자 공부' 카테고리의 다른 글
아이콘 효율적으로 관리하기 (1) | 2025.01.01 |
---|---|
디자인 시스템이 필요한 이유, 간략한 구축 방법 (1) | 2024.12.31 |
Qodana Error | Install the 'eslint' package (ESLint 패키지 미설치 에러) (1) | 2024.12.30 |
eslint-config-prettier랑 eslint-plugin-prettier로 ESLint와 Prettier를 통합해 자동 코드 정렬과 (2) | 2024.12.29 |
eslint-config-airbnb, eslint-plugin-simple-import-sort 사용 이유 (1) | 2024.12.28 |