FrontEnd/React.js

[React.js] Yarn berry 적용하며 발생한 에러 정리

푸고배 2022. 4. 13. 19:51

Failed to load config "react-app" to extend from.

.yarnrc.ymlnodeLinker: node-modules를 제외하여 Plug'n'Play 기능을 활성화하려고 할 때 생기는 오류로

아래와 같이 Create React App에서 사용하는 ESLint 구성 패키지를 추가함으로써 해결했다.

yarn add eslint-config-react-app -D

이 방법 이외에도 package.json의 extends에서 react-app를 삭제하는 방법도 사용하는 것 같다.

 "extends": [
      "react-app"
    ]
  },

 

Plugin "react" was conflicted between "package.json » eslint-config-react-app 

해결 방법1 : package.json 파일 저장

package.json 파일을 열고 Ctrl+s로 저장한다.

해결 방법2 : eslint-config-react-app 버전 6으로 다운그레이드

설치한 eslint-config-react-app의 버전을 6으로 낮춰준다. 

// 현재 설치된 버전 삭제
yarn remove eslint-config-react-app
// version 6으로 설치
yarn add eslint-config-react-app@6

 


Reference

 

Failed to load config "react" to extend from

I am trying to create a react app without using create-react-app using the following website: https://www.freecodecamp.org/news/how-to-set-up-deploy-your-react-app-from-scratch-using-webpack-and-ba...

stackoverflow.com

 

Failed to compile - Failed to load config "react-app" to extend from · Issue #10463 · facebook/create-react-app

Describe the bug Create new react app with typescript template. Following yarn start, no web page is loaded, error shows, Failed to load config "react-app" to extend from. Did you try rec...

github.com

 

[Solved] Plugin "react" was conflicted between "package.json » eslint-config-react-app » - Exception Error

To Solve Plugin "react" was conflicted between "package.json » eslint-config-react-app » Error First of all open your package.json file and sa

exerror.com

 

 

반응형