[React] yarn 사용시 create-react-app과의 충돌 해결법

App.js 파일에서 코드를 수정하고 저장하면 다음과 같은 오류가 나온다.

[eslint] Failed to load config "react-app" to extend from.
Referenced from: C:\Users\*\Desktop\Programming\React\basic\package.json
ERROR in [eslint] Failed to load config "react-app" to extend from.
Referenced from: C:\Users\*\Desktop\Programming\React\basic\package.json

이는 yarn 사용시 create-react-app과의 충돌때문에 일어나는 것이다.

 

이에 대한 해결책은 다음과 같이 따라해보자.

$ yarn add -D eslint-config-react-app

$ yarn cache clean

$ yarn install

$ yarn start

 

다음엔 프로젝트의 가장 상위 디렉토리에 yarnc.yml 파일을 만든 후 다음과 같이 적도록 하자.

packageExtensions:
  react-scripts@*:
    peerDependencies:
      eslint-config-react-app: '*'
        nodeLinker: node-modules

그리고 다시 코드를 수정을 해보면 에러가 뜨지 않고 저장이 될 것이다!