React erreur de dépendance du projet lors de l'ajout du webpack
j'ai installé webpack avec la commande ci-dessous
yarn add webpack --dev
et après avoir exécuté la commande de démarrage de fil dans mon dossier d'application React
D:\Workspace\fuel-man-ui\fuel-man-ui>yarn start
Obtention en dessous de l'erreur.
yarn run v1.19.0 $ react-scripts start
Il peut y avoir un problème avec l'arborescence des dépendances du projet. Ce n'est probablement pas un bogue dans Create React App, mais quelque chose que vous devez corriger localement.
Le package react-scripts fourni par Create React App nécessite une dépendance:
"webpack": "4.29.6"
N'essayez pas de l'installer manuellement: votre gestionnaire de paquets le fait automatiquement. Cependant, une version différente de webpack a été détectée plus haut dans l'arborescence:
D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\webpack (version: 4.41.0)
L'installation manuelle de versions incompatibles est connue pour causer des problèmes difficiles à déboguer.
Si vous préférez ignorer cette vérification, ajoutez SKIP_PREFLIGHT_CHECK = true à un fichier .env dans votre projet. Cela désactivera définitivement ce message, mais vous pourriez rencontrer d'autres problèmes.
Pour corriger l'arborescence des dépendances, essayez de suivre les étapes ci-dessous dans l'ordre exact:
- Supprimez package-lock.json (pas package.json!) Et/ou yarn.lock dans votre dossier de projet.
- Supprimez node_modules dans votre dossier de projet.
- Supprimez "webpack" des dépendances et/ou devDependencies dans le fichier package.json de votre dossier de projet.
- Exécutez npm install ou yarn, selon le gestionnaire de packages que vous utilisez.
Dans la plupart des cas, cela devrait suffire à résoudre le problème. Si cela n'a pas aidé, il y a quelques autres choses que vous pouvez essayer:
Si vous avez utilisé npm, installez yarn ( http://yarnpkg.com/ ) et répétez les étapes ci-dessus à la place. Cela peut être utile car npm a des problèmes connus avec le levage de paquets qui peuvent être résolus dans les futures versions.
Vérifiez si D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\webpack est en dehors de votre répertoire de projet. Par exemple, vous avez peut-être accidentellement installé quelque chose dans votre dossier de départ.
Essayez d'exécuter npm ls webpack dans votre dossier de projet. Cela vous indiquera quel autre package (à part les scripts de réaction attendus) a installé le webpack.
Si rien d'autre ne vous aide, ajoutez SKIP_PREFLIGHT_CHECK = true à un fichier .env dans votre projet. Cela désactiverait définitivement cette vérification en amont au cas où vous souhaiteriez continuer.
P.S. Nous savons que ce message est long, mais veuillez lire les étapes ci-dessus :-) Nous espérons que vous les trouverez utiles!
error La commande a échoué avec le code de sortie 1. info Visitez https://yarnpkg.com/en/docs/cli/run pour obtenir de la documentation sur cette commande.
i have deleted node_modules from my project and devdependencies, also i have removed global node_modules and cache. still getting same error.
L'Iran npm ls webpack et est passé sous l'arbre
[email protected] D:\Workspace\fuel-man-ui\fuel-man-ui
+-- [email protected]
| `-- [email protected]
| `-- [email protected] extraneous
`-- [email protected]
npm ERR! extraneous: [email protected] D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\react-scripts\node_modules\webpack\node_modules\webpack
Le fichier .env avec SKIP_PREFLIGHT_CHECK=true Ajouté
Hier, j'ai eu le même problème. Dans mon cas, il s'est avéré que j'avais deux installations de node (une utilisant brew, une utilisant le fichier dmg téléchargé). Cela a aidé lorsque j'ai retiré celui installé via le brassage.