web-dev-qa-db-fra.com

Didacticiel React - Comment démarrer le serveur de nœud pour une application reactJs?

Je viens de commencer le didacticiel react.js, j'ai téléchargé les fichiers, puis il mentionne:

"Suivez vos progrès en ouvrant http: // localhost: 3000 dans votre navigateur (après le démarrage du serveur)."

Je sais que cela peut paraître stupide (supportez-moi depuis que je suis un débutant avec React) mais comment puis-je démarrer le serveur dans cet exemple?

Merci.

Marc

reactjsnpmserverlocalhost
14
Marc

Très bonne chance que ce soit npm start à partir de la racine du projet.

Certains modules correctement emballés auront des scripts node configurés dans package.json. Il est habituel d'utiliser start comme script pour exécuter l'environnement dev, bien que certains puissent utiliser build, dev ou d'autres noms.

10
Carl Vitullo

J'ai utilisé Node pour exécuter le serveur. Les étapes que j'ai suivies sont:

  1. J'ai téléchargé le package Zip à partir de la section Exécution d'un serveur ici

  2. J'ai eu le lien ouvert: http: // localhost: 3000/

  3. J'ai ouvert l'invite de commande Node.js et j'ai accédé au projet téléchargéZip. Exemple de nœud ici :

    Tapez simplement les commandes dans l'exemple: First npm install, puis Node server.js.

    Voir la capture d'écran ci-dessous:

 enter image description here

Lorsque j'actualise la page Web localhost, les informations suivantes s'affichent:

 enter image description here

2
Gloria

Vous pouvez exécuter l’une des commandes mentionnées ci-dessous pour démarrer le serveur de noeud pour votre application reactJs:

  1. npm run-script start
  2. npm run start
  3. npm start

Les trois commandes ci-dessus sont équivalentes, bien entendu, les utilisateurs utilisent généralement la dernière, car c'est la plus courte :)

Ici, start correspond simplement à la clé start présente dans la configuration scripts présente dans le fichier package.json de votre application reactJs. Comme dans le fichier package.json de mon application reactJs, la commande react-scripts start de npm est déclenchée. Voici mon fichier package.json de mon application hello-world.

{
  "name": "hello-world",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "devDependencies": {
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}
1
RBT

On dirait que vous suivez le tutoriel officiel de React , auquel cas les instructions pour démarrer les différentes implémentations de serveur incluses sont ici .

1
Rick Runyon