Failed to load plugin 'prettier' declared in '.eslintrc.cjs': Cannot find module 'eslint-plugin-prettier'

문제 발생

eslint 와 prettier 를 병행해서 쓰려고 했다.

이 글을 보고 eslint-config-prettier 방식으로 eslint에서 prettier와 충돌할 수 있는 rule을 꺼주기로 했다.

하지만 .eslintrc.cjs / .prettierrc.cjs 를 설정하던 도중 아래와 같은 문제를 만났다.

 

문제 해결

사실 아직 익숙하지 않아서 이 방법이 완벽한 답인지는 모르겠다.

하지만 내가 이해한 바로는, .eslintrc.cjs 설정에서 plugins 에 prettier 를 넣어줬기 때문으로 보인다.

VSCode 에서 prettier를 사용하는데 굳이 plugins 에넣어야 할까? 라는 생각이 들어서 빼버렸다.

 

또한 extends 부분에 위의 plugins 에 들어있는 라이브러리의 plugin:**/recommended 를 넣으니 해결됐다.

 

일단 해결되긴 했는데 정확한 원리는 이해하지 못해서 자유자재로 쓰려면 더 공부를 해봐야할 것 같다.