에러코드 Failed to load config prettier/react to extend from.

Updated:

발생

  • 기존에 npm start 를 했을 때 구동이 잘 되던 소스코드가 Failed to load config “prettier/react”란 에러 메시지를 남기며 동작하지 않는 문제가 발생.

해결

구글링 검색 결과 나의 문제점과 가장 비슷한 상황을 보게 되었습니다.

해당 멘션의 글을 인용하자면 version8.0부터는 모든 구성이 하나로 병합되어 “prettier/react”는 더이상 존재하지 않는다고 하였습니다.

솔루션에 따르자면

  1. eslint-config-prettie의 버전을 8.0이나 최신 버젼으로 업데이트를 하고
  2. extends에서 “prettier/*”을 제거합니다.
//아래와 같은 기존 코드에서
{
  "extends": [
    "some-other-config-you-use",
    "prettier",
    "prettier/react"
  ]
}

// 해당 소스코드처럼 변경해줍니다.
{
  "extends": [
    "some-other-config-you-use",
    "prettier"
  ]
}

참고

https://github.com/prettier/eslint-config-prettier/issues/2