Erreur d'installation de reactjs : Erreur de fin inattendue de l'entrée JSON lors de l'analyse près de

Question

J'ai essayé d'installer reactjs via node en utilisant deux commandes différentes dans le terminal : 1) npx create-react-app my-app et 2) npx create-react-app app

Mais les deux ont donné la même erreur ci-dessous :

Installation des packages. Cela peut prendre quelques minutes.

Installation de react, react-dom et react-scripts avec cra-template...

npm ERR! Fin inattendue de l'entrée JSON lors de l'analyse près '....1","object-hash":"^1'

npm ERR! Un journal complet de cette exécution peut être trouvé dans :

npm ERR! C:\Users\David\AppData\Roaming\npm-cache_logs\2020-02-12T03_53_37_836Z-debug.log

Installation avortée.

npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template a échoué.

J'ai essayé de désinstaller et de réinstaller node en essayant également d'installer différentes anciennes versions de reactjs mais j'ai quand même reçu la même erreur. De plus, j'ai essayé de vider le cache de node puis de le vérifier à nouveau via npm cache clear --force et ensuite npm cache verify mais je n'ai toujours pas eu de chance. Toute aide sera grandement appréciée.

Le journal plus détaillé montre ceci en bas :

203 silly saveTree `-- react@16.12.0

204 verbose stack SyntaxError: Fin inattendue de l'entrée JSON lors de l'analyse près '....1","object-hash":"^1'

204 verbose stack at JSON.parse ()

204 verbose stack at parseJson (C:\Program Files\nodejs\node_modules\npm\node_modules\json-parse-better-errors\index.js:7:17)

204 verbose stack at C:\Program Files\nodejs\node_modules\npm\node_modules\node-fetch-npm\src\body.js:96:50

204 verbose stack at processTicksAndRejections (internal/process/task_queues.js:97:5)

205 verbose cwd C:\Users\David\Desktop\React\my-app

206 verbose Windows_NT 10.0.17763

207 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install" "--save" "--save-exact" "--loglevel" "error" "react" "react-dom" "react-scripts" "cra-template"

208 verbose node v13.8.0

209 verbose npm v6.13.6

210 error Fin inattendue de l'entrée JSON lors de l'analyse près '....1","object-hash":"^1'

211 verbose exit [ 1, true ]

Answer 1

Essayez d'exécuter ceci dans votre terminal :

npm cache clean --force

Et refaites ce que vous êtes en train de faire

Answer 2

Installer yarn en utilisant le gestionnaire de paquets node a résolu le problème pour moi. Ouvrez l'invite de commande et entrez :

npm install -g yarn

Answer 3

Solution:

npm cache clean --force

essayez à nouveau de créer votre application (ici lors de la création d'une application react) ou d'installer ce que vous étiez sur le point d'installer.

create-react-app myproject

(création d'une application react)[même problème avec npm qui peut se produire dans différentes opérations]

npm install -g @angular/cli@latest

(installation de angular cli (ou installation de tout autre chose))

Ça va fonctionner.

explication:

C'est un problème lié à npm, c'est lié au cache qui devient corrompu. Même si dans les versions plus récentes de npm ils ont mis en place une auto-guérison, qui garantit normalement qu'il n'y a pas de corruption, mais il semble que ce ne soit pas si efficace. Forcer le nettoyage du cache résout le problème.

L'erreur se produit lors de l'analyse de l'un des fichiers du cache, qui est au format json. Le cache est situé à ~/.npm/_cacache (sous linux) et %AppData%/npm-cache (sous windows). Pour ma version actuelle de npm et quand j'ai vérifié, il y avait trois répertoires.

si vous vérifiez le premier ou le second, la structure est la suivante

Et chaque fichier de cache a un format json (et c'est ce qui est analysé)

Voici un bon lien de la doc : https://docs.npmjs.com/cli/cache

[Mise à jour] Si cela ne résout pas le problème, vous pouvez consulter cette réponse ici https://stackoverflow.com/a/50191315/7668448 cela montre comment vous pouvez changer le registre npm, ce qui peut être utile. Vérifiez et voyez.

Answer 4

J'ai eu le même problème mais npm cache clean --force n'a pas fonctionné pour moi.

Ce que j'ai fait était de NETTOYER MON PC

en utilisant mon nettoyeur (CCleaner) et npm install fonctionne maintenant. Je l'ai fait parce que le problème est apparu après avoir désinstallé mon node.js car je voulais installer nvm-windows sur mon PC (https://docs.microsoft.com/en-us/windows/nodejs/setup-on-windows), mais après l'avoir fait, je pense que certains fichiers et dossiers ont été laissés derrière, créant un conflit après avoir installé node avec nvm, donc npm install ne fonctionnait pas. J'ai donc pensé que nettoyer mon PC résoudrait le problème et c'est le cas.

Ce ne sont que mes réflexions. J'espère aider quelqu'un.

Answer 5

sudo npm install -g create-react-app a fonctionné pour moi