[에러노트] Failed to load config "react-app" to extend from.

타입스크립트로 되어있는 리액트 프로젝트에서 prettier설정을 해서 자동 저장이 되게 하고 싶었다. 

평소 하던대로 .eslintrc.json파일에

      

        

          
          
          
        
         
      
{
"extends": ["react-app", "plugin:prettier/recommended"]
}

 

이것을 추가해주었는데 에러가 났다. 

다른 블로그에서는 아래를 설치해주라고 한다. 

      

        

          
          
          
        
         
      
npm install eslint-config-react-app
or
yarn add eslint-config-react-app

하지만 나의 문제는 이것이 아니었나 보다. 

나는 .prettierrc.js파일을 만들고

      

        

          
          
          
        
         
      
module.exports = {
  printWidth: 125,
  bracketSpacing: true,
  jsxBracketSameLine: true,
  singleQuote: true,
  trailingComma: "all",
  tabWidth: 2,
}

이렇게 설정을 해주었고 위에 적었던 extends는 지웠다.