3
votes

La création d'une application de réaction à l'aide de create-react-app prend du temps et échoue

Je sais déjà qu'il y a des questions avec des problèmes similaires avec create-react-app mais rien n'est utile. Veuillez donc parcourir mon problème une fois avant de le dupliquer.

J'essaie de créer une application de réaction à l'aide de create-react-app dans Windows 10.

Voici les étapes que j'ai suivies dans cmd.

  1. Npm et nœud installés
 { "name": "my-app", "version": "0.1.0", "private": true, "dependencies": { "react": "16.11.0", "react-dom": "16.11.0", "react-scripts": "3.2.0" } }
  1. Ensuite, utilisé ci-dessous les commandes npm pour créer l'application
C:\Users\jashe\my-app>type  C:\Users\jashe\AppData\Roaming\npm-cache\_logs\2019-10-29T00_42_08_772Z-debug.log
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'start'
1 verbose cli ]
2 info using npm@6.12.0
3 info using node@v12.13.0
4 verbose stack Error: missing script: start
4 verbose stack     at run (C:\Program Files\nodejs\node_modules\npm\lib\run-script.js:155:19)
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\lib\run-script.js:63:5
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:116:5
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:435:5
4 verbose stack     at checkBinReferences_ (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:391:45)
4 verbose stack     at final (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:433:3)
4 verbose stack     at then (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:161:5)
4 verbose stack     at ReadFileContext.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:350:20)
4 verbose stack     at ReadFileContext.callback (C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:115:16)
4 verbose stack     at FSReqCallback.readFileAfterOpen [as oncomplete] (fs.js:239:13)
5 verbose cwd C:\Users\jashe\my-app
6 verbose Windows_NT 10.0.18362
7 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "start"
8 verbose node v12.13.0
9 verbose npm  v6.12.0
10 error missing script: start
11 verbose exit [ 1, true ]

À ce stade, cela prend beaucoup de temps, comme des heures. Mais cela n'a pas réussi même après cela.

J'ai également essayé d'utiliser npm cache clean --force et npx create-react-app my-app . Même cela prend du temps.

Même si j'arrête le processus et que j'essaye de faire npm start je lance l'erreur ci-dessous. Il n'a pas ajouté toutes les dépendances je pense

C:\Users\jashe\IdeaProjects\first-react-app>npm start
npm ERR! missing script: start

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\jashe\AppData\Roaming\npm-cache\_logs\2019-10-28T11_46_31_137Z-debug.log

Il y a quelques mois, j'ai utilisé create-react-app, ça fonctionnait. Je ne sais pas pourquoi cela pose problème maintenant. Toutes les entrées seront utiles. Merci d'avance.

Voici les journaux:

C:\Users\jashe\Documents>npm install -g create-react-app
C:\Users\jashe\AppData\Roaming\npm\create-react-app -> C:\Users\jashe\AppData\Roaming\npm\node_modules\create-react-app\index.js
+ create-react-app@3.2.0
updated 1 package in 4.653s


C:\Users\jashe\Documents>create-react-app my-app

Creating a new React app in C:\Users\jashe\Documents\my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...


> core-js@2.6.10 postinstall C:\Users\jashe\Documents\my-app\node_modules\babel-runtime\node_modules\core-js
> node postinstall || echo "ignore"


> core-js@3.2.1 postinstall C:\Users\jashe\Documents\my-app\node_modules\core-js
> node scripts/postinstall || echo "ignore"

+ react@16.11.0
+ react-dom@16.11.0
+ react-scripts@3.2.0
added 1467 packages from 685 contributors and audited 904909 packages in 86.745s
found 0 vulnerabilities

Voici mon package.json

C:\Users\jashe\Documents>npm -v
6.12.0

C:\Users\jashe\Documents>node -v
v12.13.0


4 commentaires

À quoi ressemble votre package.json? De plus, quel est le contenu du fichier journal de débogage? Vous pouvez également essayer npm run start au lieu de npm start. Ils devraient être la même chose mais on ne sait jamais, autant essayer.


J'ai essayé npm run start. Toujours la même erreur.


Il semble que vous manquez le script de démarrage dans votre package.json. La réponse de TRomesh a les scripts par défaut create-react-app. Cela devrait résoudre votre problème.


même j'ai eu le même problème .. dans mon cas, j'ai essayé de désinstaller le nœud js et installé la version 32 bits, c'est-à-dire x86 au lieu de la version 64 bits.


3 Réponses :


1
votes

Supprimez votre package-lock.json et node_modules et vous n'avez pas à installer create-react-app globalement. Au lieu de cela, vous pouvez utiliser npx create-react-app my-app pour créer une application de réaction. Si cela ne vous aide pas, pouvez-vous s'il vous plaît publier le journal de votre fichier 2019-10-28T11_46_31_137Z-debug.log ?.

Mise à jour
votre fichier package.json doit avoir cet ensemble de lignes.

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

Mais le code que vous avez partagé ne les inclut pas. Essayez de les ajouter à votre package.json


1 commentaires

J'ai essayé de supprimer le package, node_modules et également désinstallé et réinstallé node.js. Toujours le même problème.



0
votes

faites-le via PowerShell, cela fonctionne de cette façon mais pas à partir de l'invite de commande


1 commentaires

Veuillez fournir plus d'informations pour plus de détails.



0
votes

J'aurais le même problème.

Le fil et le npm ont été installés. Semble un conflit sur les modules de nœud. Donc, désinstaller le fil et relancer npx create-react-app <app_name> fonctionne pour moi.


0 commentaires