Проблема с зависимостью babel-jest при запуске npm start в приложении React

Все, что я делаю, это запускаю create-реагировать-app и захожу в приложение, затем пытаюсь запустить npm/yarn start. Я получаю следующую ошибку/вывод/журнал. Я прошел через все предложенные шаги. Единственное, что работает, - это SKIP_PREFLIGHT_CHECK = true в моем.env в качестве последнего средства для пряжи и npm. Я недавно обновился до Мохаве и должен был переустановить мой XCode, если у людей был подобный опыт.

Если изображения недостаточно, я вставил вывод ниже.

Большое спасибо за вашу помощь заранее... Джейсон

Скриншот консоли

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

> [email protected] 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! [email protected] start: 'react-scripts start'
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] 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

Ответы

Ответ 1

У меня просто была такая же проблема. По какой-то причине пакет оказался в каталоге node_modules в моем домашнем каталоге. Это также дало мне точно такую же ошибку для пакета jest.

Я не уверен в правильном способе исправить это, так как npm uninstall -g babel-jest и yarn global remove babel-jest ничего не делают.

Я исправил это, просто bash rm -rf ~/node_modules/babel-jest ~/node_modules/jest папки, которые вызывают проблему: bash rm -rf ~/node_modules/babel-jest ~/node_modules/jest

Было бы здорово узнать, как эти пакеты оказались там, и как правильно избавиться от них, но пока достаточно просто удалить папки, чтобы запустить сервер разработки CRA без пропуска предварительной проверки.

Ответ 2

Эта проблема может возникнуть, если в родительском каталоге папки, в которой вы запускаете приложение, есть node_modules. Я решил проблему, удалив каталог node_modules.

Ответ 3

Кажется, проблема снова появилась в create-реагировать-приложение 3.0.0.

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

  "babel-jest": "24.7.1"

Как указал abisuq в https://github.com/facebook/create-react-app/issues/6756#issuecomment-489562571 добавленииверсий разрешений в package.json, временное решение проблемы.

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

Обновление: Это было исправлено в create-реагировать-приложение 3.0.1. Если обновление является опцией, вы можете запустить

npm install --save --save-exact [email protected]

или

yarn add --exact [email protected]

Ответ 4

пробег ： нпм лс бабел-шут

получил: [email protected] & [email protected] установлен

это значит установить буксирную шутку с разной версией

запустить ： npm удалить [email protected] исправить мою проблему

Ответ 5

У меня была эта проблема, и я, наконец, решил ее легко. Как вы, наверное, знаете, когда мы используем приложение create-реакции-приложение, Jest настраивается по умолчанию, и вам не нужно устанавливать Jest (когда мы используем Webpack, мы можем установить Jest). Итак, если вы используете Create-Reaction-app и по ошибке устанавливаете Jest:

Сначала удалите его (помните, что если вы используете: (npm install --save-dev jest), вы можете удалить jest непосредственно из Package.json или использовать: (npm uninstall --save-dev jest)
Удалить package-lock.json (не package.json)
Удалить node_modules
npm install

Теперь вы не получаете сообщение об ошибке и можете легко использовать: (npm start) или (npm test)

Кроме того, стоит отметить, что я установил следующие инструменты для написания своего теста в компоненте React: (npm install --save-dev enzyme enzyme-adapter-react-16 jest-enzyme) и написал свой тест с использованием шутки и энзима. Тогда я легко использую: (npm test)

Удачи!

Ответ 6

Я тоже столкнулся с подобной проблемой и смог решить проблему, выполнив следующие шаги.

Создайте файл .env в корневом каталоге вашего проекта и добавьте следующий оператор

SKIP_PREFLIGHT_CHECK = TRUE

Сохранить файл
Удалить node_modules, yarn.lock, package.lock
Затем переустановите node_modules с помощью

установка npm

Это должно работать

Ответ 7

Хорошо, я наконец-то нашел решение, попробовав все. Вот что наконец сработало:

Прежде всего, прочитайте сообщение об ошибке в cmd с самого начала. Они скажут вам, какой модуль вызывает проблему. Возможно, на вашем компьютере установлена более старая версия. Пример: babel-jest версия 2.4.4
Перейдите в папку Node.js c: /Users/(ваш пользователь)/node_modules, найдите этот модуль и просто удалите его.
Вернитесь к cmd и запустите npm start. Вы можете получить ту же ошибку. Но это будет для другого модуля. Просто удалите его таким же образом и повторяйте, пока он не запустится.

Ответ 8

У меня те же проблемы, но с зависимостью eslint. Однако моя главная проблема в том, что я не могу найти файл.env в своем проекте. Любая идея, где этот файл находится или как обойти это альтернативное решение?

Ответ 9

У меня была точно такая же проблема. Я попытался создать приложение реакции вне каталога, в котором была папка node_modules. После этого запустил приложение с запуском пряжи и больше не было ошибки.

Ответ 10

У меня была такая же проблема, и я исправил эту проблему. По какой-то причине, потому что у меня local_modules. Я удалил Babel-Jest & Шутка. После этого начинается npm. Я не уверен, что это решено неправильно, но это правильно для меня.