Problème lié à la dépendance babel-jest lors de l’exécution de npm start dans un React app
Tout ce que je fais est de lancer create-react-app et de cd'ing dans l'application, puis d'essayer de lancer npm/yarn start. J'obtiens l'erreur suivante/sortie/log. J'ai parcouru toutes les étapes suggérées. La seule chose qui fonctionne est le SKIP_PREFLIGHT_CHECK = true dans mon fichier .env en dernier recours pour Yarn et npm. J'ai récemment mis à jour Mojave et je dois réinstaller mon Xcode si des personnes ont vécu une expérience similaire.
Si l'image ne suffit pas, j'ai collé la sortie ci-dessous.
Merci beaucoup pour votre aide à l'avance ... Jason
Capture d'écran de la console 
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
Je viens d'avoir le même problème. Pour une raison quelconque, le paquet s'est retrouvé dans un node_modules répertoire dans mon répertoire personnel. Cela m'a également donné exactement la même erreur pour le paquet jest.
Je ne suis pas sûr de la manière correcte de résoudre ce problème en tant que npm uninstall -g babel-jest et yarn global remove babel-jest Ne fais rien.
Je l'ai corrigé en supprimant simplement les dossiers à l'origine du problème: bash rm -rf ~/node_modules/babel-jest ~/node_modules/jest
Il serait bon de savoir comment ces packages se sont retrouvés là et comment les éliminer, mais pour le moment, il suffit de supprimer les dossiers, cela suffit pour que le serveur de développement de l'ARC fonctionne sans pour autant ignorer la vérification du contrôle en amont.
Ce problème peut se produire si node_modules se trouve dans un répertoire parent du dossier dans lequel vous exécutez l'application. J'ai résolu le problème en supprimant le répertoire node_modules.
Le problème semble avoir réapparu dans create-react-app 3.0.0.
The react-scripts package provided by Create React App requires a dependency:
"babel-jest": "24.7.1"
Comme le souligne abisuq dans https://github.com/facebook/create-react-app/issues/6756#issuecomment-489562571 ajouter une résolution de version dans un package .json corrige temporairement le problème .
"resolutions": {
"babel-jest": "24.7.1"
},
Mise à jour: Cela a été corrigé dans create-react-app 3.0.1 . Si la mise à niveau est une option, vous pouvez exécuter
npm install --save --save-exact [email protected]
ou
yarn add --exact [email protected]
Moi aussi j'ai fait face à un problème similaire et j'ai pu résoudre le problème en suivant les étapes ci-dessous.
- Créez un fichier .env dans le répertoire racine de votre projet et ajoutez l'instruction suivante
SKIP_PREFLIGHT_CHECK = true
Sauvegarder le fichier
Supprimer node_modules, yarn.lock, package.lock
Puis réinstallez node_modules avec
npm installer
Cela devrait marcher
- exécuter: npm ls babel-jest
got: [email protected] et [email protected] installés
cela signifie installer la remorque babel-jest avec la version diff
- exécuter: npm désinstaller [email protected]. résoudre mon problème
J'ai eu ce problème et finalement résolu facilement. Comme vous le savez probablement, lorsque nous utilisons create-react-app, Jest est configuré par défaut et vous n'avez pas besoin d'installer Jest (lorsque nous utilisons Webpack, nous pouvons installer Jest). Donc, si vous utilisez Create-react-app et installez Jest par erreur:
- Tout d’abord, désinstallez-le (rappelez-vous que si vous utilisez: (
npm install --save-dev jest), vous pouvez supprimer la blague directement à partir de Package.json ou utiliser: (npm uninstall --save-dev jest) - Supprimer package-lock.json (pas package.json)
- Supprimer les node_modules
npm install
Maintenant, vous ne recevez pas d'erreur et vous pouvez facilement utiliser: (npm start) ou (npm test)
De plus, il est à noter que j’ai installé les outils suivants pour écrire mon test dans React composant: (npm install --save-dev enzyme enzyme-adapter-react-16 jest-enzyme) et écrit mon test en utilisant plaisanterie et enzyme. Ensuite, j'utilise facilement: (npm test)
Bonne chance!
Ok, j'ai finalement trouvé une solution après avoir tout essayé. Voici ce qui a finalement fonctionné:
- Tout d’abord, lisez le message d’erreur dans la cmd depuis le début. Ils vous diront quel module est à l'origine du problème. Vous avez probablement une version plus ancienne installée sur votre ordinateur. Exemple: babel-jest version 2.4.4
- Allez dans votre dossier Node.js c:/Users/(votre utilisateur)/node_modules et trouvez ce module et supprimez-le simplement.
- Retournez à la cmd et lancez npm start. Vous pourriez obtenir la même erreur. Mais ce sera pour un module différent. Supprimez-le simplement de la même manière et répétez l'opération jusqu'à ce qu'il soit exécuté.
J'ai eu le même problème, et j'ai résolu ce problème. Pour une raison quelconque parce que node_modules sur mon local. J'ai enlevé babel-jest & jest. Après cela, npm démarre. Je ne suis pas sûr que cela soit résolu incorrectement mais correct pour moi.
J'ai eu exactement le même problème. Ce que j'ai essayé, c'est de créer l'application de réaction en dehors du répertoire contenant le dossier node_modules. Après cela, l'application a démarré avec le début du fil et n'a plus eu l'erreur.