[Front-end] 개발자 공부

Qodana Error | Run autofix to sort these imports! (simple-import-sort/imports)

MOLLY_ 2024. 12. 31. 07:00
728x90

< 목차 >

(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) 드디어 해결

https://jhlov.github.io/vscode-sort-import

 

온갖 내용 다 찾아보다가 해결책을 찾았다. 하이라이트 처리한 코드를 작성해야 했다.

 

 

.vscode/settings.json 파일에 코드를 추가하면 해결된다.

 

 

왼쪽이 정렬되기 전, Qodana에서 import 정렬되게 하라고 에러 떴던 당시의 코드다. 이제 코드를 저장하면 오른쪽처럼 자동이 잘 되는 것을 확인할 수 있다.

 

 

728x90