리액트 앱에서 npm start를 실행할 때 babel-jest 의존성 문제

리액트 앱에서 npm start를 실행할 때 babel-jest 의존성 문제

가 하고 있는 하고 cd후 create-react-app cd를 실행하려고 것뿐입니다.npm/yarn start다음의 에러/출력/로그가 표시됩니다.저는 제안된 모든 단계를 거쳤습니다.Yarn'npm'true's.env'SKIP_PREFLIT_CHECK=true'입니다.최근 모하비로 업데이트하여 비슷한 경험을 한 사람이 있다면 X코드를 다시 설치해야 합니다.

Last login: Tue Oct 30 16:30:24 on ttys002
TheLAB11:~ jasonspiller$ cd repos/react-express-graphql-app/
TheLAB11:react-express-graphql-app jasonspiller$ npm start

> react-express-graphql-app@0.1.0 start /Users/jasonspiller/repos/react-express-graphql-app
> react-scripts start


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-jest": "23.6.0"

Don't try to install it manually: your package manager does it automatically.
However, a different version of babel-jest was detected higher up in the tree:

  /Users/jasonspiller/node_modules/babel-jest (version: 23.4.2) 

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

If 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-jest" 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/jasonspiller/node_modules/babel-jest is outside your project directory.
     For example, you might have accidentally installed something in your home folder.

  7. Try running npm ls babel-jest in your project folder.
     This will tell you which other package (apart from the expected react-scripts) installed babel-jest.

If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That would permanently disable this preflight check in case you want to proceed anyway.

P.S. We know this message is long but please read the steps above :-) We hope you find them helpful!

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! react-express-graphql-app@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the react-express-graphql-app@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/jasonspiller/.npm/_logs/2018-10-30T23_09_42_358Z-debug.log

나도 똑같은 문제가 있었어.가 " " "가 .node_modules디렉토리로 이동합니다., ,, 러, 러, 해, 해, for, for, for, for, for, for, for, for, it, it, ,jest★★★★★★★★★★★★★★★★★★.

이 문제를 어떻게 해결해야 할지 모르겠습니다.npm uninstall -g babel-jest ★★★★★★★★★★★★★★★★★」yarn global remove babel-jest츠미야

이 되고 되었습니다.bash rm -rf ~/node_modules/babel-jest ~/node_modules/jest

이러한 패키지가 어떻게 그 패키지에 도달했는지와 적절한 삭제 방법을 알게 되면 좋겠지만, 현재로서는 폴더를 삭제하는 것만으로 CRA 개발 서버를 실행 전 검사를 생략하지 않고 실행할 수 있습니다.

이 문제는 응용 프로그램을 실행하는 폴더의 부모 디렉토리에 node_modules가 있는 경우 발생할 수 있습니다.node_modules 디렉토리를 삭제하여 문제를 해결했습니다.

저도 같은 문제에 직면하여 아래의 절차에 따라 문제를 해결할 수 있었습니다.

1. 프로젝트 루트 디렉터리에 .env 파일을 만들고 다음 문을 추가합니다.

SKIP_PREFLIT_CHECK=true

2. 파일 저장

3. node_modules, yarn.lock, 패키지를 삭제합니다.잠그다

4. 그런 다음 node_modules를 다시 설치합니다.

npm 설치

이거면 될 것 같아

이 문제는 create-react-app 3.0.0에서 다시 발생한 것으로 보입니다.

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

  "babel-jest": "24.7.1"

https://github.com/facebook/create-react-app/issues/6756#issuecomment-489562571에서 지적한 바와 같이 버전 해상도를 패키지에 추가합니다.json은 문제를 일시적으로 해결합니다.

"resolutions": {
  "babel-jest": "24.7.1"
},

---

업데이트: create-react-app 3.0.1에서 수정되었습니다.업그레이드가 옵션인 경우 실행할 수 있습니다.

npm install --save --save-exact react-scripts@3.0.1

또는

yarn add --exact react-scripts@3.0.1

1. 실행: npm ls babel-displayed

get : babelk - parament @ 24 . 7 . 1 & babel - parament @ 24 . 8 . 0 이 인스톨 되어 있습니다.

즉, diff 버전의 토우 바벨트레벨을 의미합니다.

2. 실행: npm uninstall babel-babel@24.8.0 문제 해결

나는 이 문제를 안고 마침내 쉽게 해결했다.아시다시피 create-react-app을 사용하면 기본적으로 Jest가 설정되어 있으므로 Jest를 설치할 필요가 없습니다(Webpack을 사용하면 Jest를 설치할 수 있습니다).따라서 Create-react-app을 사용하여 Jest를 잘못 설치한 경우:

1. 번째로 (사용하는 ).npm install --save-dev jest (json:)npm uninstall --save-dev jest)
2. package-lock.json을 삭제합니다(package.json이 아닙니다).
3. node_modules를 삭제합니다.
4. npm install

에러가 발생하지 않게 되어, (npm 개시) 또는 (npm 테스트)를 간단하게 사용할 수 있습니다.

리액트 컴포넌트에 하기 위해 (리액트 .npm install --save-dev enzyme enzyme-adapter-react-16 jest-enzyme그리고 농담과 효소를 사용해서 시험을 작성했다. 이렇게 쓸 수 있어요 (이렇게 하면 돼요.npm test)

행운을 빕니다.

그래, 나는 모든 것을 시도해 본 끝에 마침내 해결책을 찾았다.최종 결과는 다음과 같습니다.

• 먼저 cmd의 오류 메시지를 처음부터 읽습니다.문제의 원인이 되고 있는 모듈이 표시됩니다.컴퓨터에 이전 버전이 설치되어 있을 수 있습니다.예: babel-jest 버전 2.4.4
• Node.js 폴더 c:/Users/(사용자)/node_modules로 이동하여 해당 모듈을 찾아 삭제합니다.
• cmd로 돌아가서 npm start를 실행합니다.같은 에러가 발생할 수 있습니다.하지만 그건 다른 모듈일 거예요.동일한 방법으로 삭제하고 실행될 때까지 반복합니다.

프로젝트의 루트보다 높은 폴더에서 node_modules 폴더와 package-lock.json 파일을 삭제하여 문제를 해결했습니다.실수로 상위 폴더에 node_modules를 설치했습니다.

나는 다음을 가지고 있었다.

• desktop/code/node_module(수정하려면 삭제)
• desktop/code/code-lock.json(수정하려면 삭제)
• 데스크톱/코드/프로젝트/노드_삭제
• 데스크톱/코드/프로젝트/syslog-lock.json

저도 이 문제가 있었어요.npm start를 사용하여 클라이언트를 실행하려고 하면 오류가 발생하여 babel-jest가 필요함을 알 수 있습니다.^24.9.0

클라이언트에서는 babel-jest가 버전^24.9.0인 것을 알 수 있었습니다만, 서버에서는 「jest」: 「^26.6.3」이 되어 있었습니다.

서버측 소스 코드에서 "jest"를 "^26.6.3"을 "jest"로 변경하고 package-lock.json과 node_modules를 삭제한 후 npm을 다시 설치하고 바로 사용할 수 있습니다.

• ^17.0.2'입니다.

  1. npm install --save-dev jeast

  2. npm install --save-dev 효소-to-json

  3. npm install @wojtekmaj/flash-flash-17

• 그 후, 저도 같은 문제를 겪었습니다.
• 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 맞다.
  1. 프로젝트 루트 디렉토리에 '.env' 파일을 추가하고 SKIP_PREFLIT_CHECK=true를 추가했습니다.
  2. node_modules 및 패키지를 삭제.잠그다

  3. npm 설치

  4. npm 시작

나도 똑같은 문제가 있었어.node_modules 폴더가 있는 디렉토리 외부에 리액트 앱을 작성하려고 했습니다.그 후, warn start로 앱을 기동해, 에러가 발생하지 않게 되었습니다.

저도 같은 문제가 있어서 이 문제를 해결했습니다.어떤 이유로 로컬에 node_modules가 있기 때문입니다.나는 바벨제스트와 농담을 지웠다.그 후 npm 시작.이게 틀렸는지는 모르겠지만 이건 맞는 것 같아요.

실수로 사용자의 루트에 설치한 node_modules 폴더와 package-lock.json 파일을 삭제하여 이 문제를 해결했습니다.

Mac에서는 다음과 같은 경로를 선택할 수 있었습니다.

Macintosh HD -> 사용자 -> "내 사용자 이름"

터미널에서 npm ls babel-jest를 실행하면 문제가 발생할 수 있습니다.그것은 나무에 또 다른 아기 토끼가 있다는 것을 보여주었다.

이 두 개를 삭제한 후 이전에 node_modules 폴더와 package-lock.json을 삭제했던 앱에 npm 설치를 했습니다.

이제 잘 돌아간다!

프로젝트 디렉토리에서 node_module 폴더를 삭제하여 수정했습니다.

이 명령어를 사용하여 버전 간에 경합을 일으키는 패키지를 확인합니다.

npm ls babel-jest

충돌하는 패키지를 업데이트된 패키지 중 하나로 바꿉니다.

나는 위의 모든 서면 해결책을 시도했다.근데 아무도 안 먹혔어"C:\node_modules" 폴더를 삭제하여 문제를 해결했습니다.그런 다음 node_modules 프로젝트와 package-lock.json을 삭제합니다.마지막으로 npm 설치 후 다시 시작합니다.그리고 그것은 성공하였다.

의 react-scripts 은 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★」4.0.3패키지를 한 후 갑자기 문제가 이 패키지는 ''''' my my my my my my my my 에 여러 babel 프로젝트 루트 패키지에 여러 babel 패키지를 설치했습니다.node_modules문제가 있는 패키지를 프로젝트 루트 레벨에 명시적으로 설치하여 프리플라이트 체크에 기재된 버전과 일치시키는 것으로 해결했습니다.

다음 덧셈으로 제 경우 해결되었습니다.필요한 패키지와 버전이 다를 수 있으므로 사전 보고서를 확인해야 합니다.

yarn add babel-jest@^26.6.0
yarn add babel-loader@8.1.0

이지만, 이 삭제해 두는 편이 .node_moduleshttps://stackoverflow.com/a/53093421/4840661에서 권장하는 바와 같이 수동으로 실행합니다.

node_modules를 삭제하지 않은 접근법은 다음과 같습니다.

• 다음과 같은 오류가 발생했습니다.

Create React App에서 제공하는 react-scripts 패키지에는 "jest": "26.6.0" 수동으로 설치하지 마십시오. 패키지 관리자가 자동으로 설치합니다.그러나 트리의 위쪽에서 다른 버전의 농담이 검출되었습니다.

• 먼저 다음을 사용하여 버전을 확인합니다.

  npm ls babel-jest
  

  제 경우 출력은 다음과 같습니다.
  

jest@27.0.3
└ - parames @ core @ 27 . 0 . 3
"-module jest-config@27.0.3"
-----babel-parames@27.0.2

• 그 후 babel-jest를 제거합니다.
  npm uninstall babel-jest
  (단일 버전의 babel-jest가 표시되는 경우, 그렇지 않으면 다음과 같은 버전으로 이동합니다.)
  npm uninstall babel-jest@27.0.2

• 그런 다음 다음을 사용하여 필요한 종속성을 설치합니다.
  npm i babel-jest@version jest@version
  (여기서 version은 첫 번째 포인트입니다)

이건 내게 아주 잘 먹힌다.이걸로 너도 해결되길 바라.

netlify ci에서 이 오류가 발생했습니다.이 방법은 모든 lib에서 유효합니다.이 메서드는 babel-jest가 아닌 eslint에서 에러가 발생했습니다.

1. npm i -s @babel-jest/VERSION --force로 에러를 표시합니다.

   VERSION을 오류에 표시된 버전(이 경우 23.6.0)으로 대체하면 올바른 오류 메시지가 로컬로 표시됩니다.

2. https://www.npmjs.com/package/npm-check-updates 를 사용하여 패키지를 업그레이드합니다.올바른 버전의 json flie

   패키지의 dir에서 ncu -u를 실행합니다.npm 패키지를 글로벌하게 인스톨 한 후의 json

3. 드디어 npm ci를 하다

   그러면 package-lock 및 node_lock이 삭제되고 두 번째 단계에 따라 새 버전이 설치됩니다.

npm의 캐시를 클리어하거나 node_lock 파일을 삭제하고 파일을 잠급니다.

• .env 파일을 만듭니다.
• 프로젝트의 .env 파일에 "SKIP_PREFLIT_CHECK=true"를 추가합니다.

프런트엔드와 백엔드를 동시에 실행하고 있는 것이 문제였습니다.루트 프로젝트(백엔드용)에 joke를 설치했는데, 이 프로젝트와 충돌이 있는 것 같습니다.pre-installed react jest방금 백엔드에서 농담을 제거했고, 나는 지금 행복합니다.저는 바벨과 관련된 건 없어요.

비슷한 문제가 있어서 2~3일을 허비했습니다.이 문제를 해결하는 가장 쉬운 방법은 다음과 같습니다.

1. src 외부에서 .env 파일을 만듭니다.2 ..env 파일에 SKIP_PREFLIT_CHECK=true 3.pm 시작이라는 한 줄만 적어 저장합니다.

이것이 도움이 되기를 바랍니다, Happy coding!!!

언급URL : https://stackoverflow.com/questions/53089122/issue-with-babel-jest-dependency-when-running-npm-start-in-a-react-app