• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

오류가발생합니다.

20.11.11 18:32 작성 조회수 697

0

There might be a problem with the project dependency tree.

It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

  "babel-loader": "8.1.0"

Don't try to install it manually: your package manager does it automatically.

However, a different version of babel-loader was detected higher up in the tree:

  /Users/hyunjunkim/Documents/blog/node_modules/babel-loader (version: 8.2.1) 

Manually installing incompatible versions is known to cause hard-to-debug issues.

If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.

That will permanently disable this message but you might encounter other issues.

To fix the dependency tree, try following the steps below in the exact order:

  1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.

  2. Delete node_modules in your project folder.

  3. Remove "babel-loader" from dependencies and/or devDependencies in the package.json file in your project folder.

  4. Run npm install or yarn, depending on the package manager you use.

In most cases, this should be enough to fix the problem.

If this has not helped, there are a few other things you can try:

  5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.

     This may help because npm has known issues with package hoisting which may get resolved in future versions.

  6. Check if /Users/hyunjunkim/Documents/blog/node_modules/babel-loader is outside your project directory.

     For example, you might have accidentally installed something in your home folder.

  7. Try running npm ls babel-loader in your project folder.

     This will tell you which other package (apart from the expected react-scripts) installed babel-loader.

If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.

리액트를 client에 작성시 위와같은 오류가발생하고.. 순서대로했는데도 오류가발생합니다..

답변 8

·

답변을 작성해보세요.

8

Minsu Kong님의 프로필

Minsu Kong

2021.02.11

npm uni babel-loader

최상단 이동 후 바벨 삭제

8.1.0으로 설치

npm i babel-loader@8.1.0 -D

2

koko2님의 프로필

koko2

질문자

2021.01.13

server폴더에 node_modules삭제하고,  pacakge-lock-json삭제,  package-json에서 바벨로더삭제후 client npm start하니 실행됩니다. 다시 server에가서 packagejson에 바벨로더 넣어주고 npm install로 설치해주었습니다.

1

hong hj (hhj5584)님의 프로필

hong hj (hhj5584)

2020.11.26

오 에러 찾았습니다. 서버쪽 package.json  babel-loader 8.1.0 버전으로 수정하니 돌아갑니다.

1

1. package-lock.json 삭제(또는 yarn.lock 삭제)

2. node_modulesvhfej tkrwp

3. babel-loader를 package.json에서 일단 삭제

4. npm install로 다시 설치

순서대로 작성하셨는데도 해당 메시지가 나온다면, 혹시 babel-loader를 client폴더가 아닌 루트폴더에 설치를 한건 아닌지 체크 해보시기 바랍니다. 

0

에러에도 나오듯이 사전에 체크를 안하고 넘어가는 설정입니다.  단순히 체크를 무시하는 것으로 결과적으로는 일단 문제 덮고 넘어가자는 말로... 궁극적인 해결책은 아닙니다. 

0

sutt2000님의 프로필

sutt2000

2021.01.03

구굴에서 .env 에

SKIP_PREFLIGHT_CHECK=true

넣으라고 해서  작동이 됩니다.

이건 무슨 이유인가요?

0

sutt2000님의 프로필

sutt2000

2021.01.03

저도 같은 오류입니다.  구글링 해서  찾고 있습니다/

0

hong hj (hhj5584)님의 프로필

hong hj (hhj5584)

2020.11.25

같은문제로 에러겪고 있습니다 혹시 어떻게 해결하셨습니까?