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
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.
J'ai utilisé Node pour exécuter le serveur. Les étapes que j'ai suivies sont:
J'ai téléchargé le package Zip à partir de la section Exécution d'un serveur ici
J'ai eu le lien ouvert: http: // localhost: 3000/
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:
Lorsque j'actualise la page Web localhost, les informations suivantes s'affichent:
Vous pouvez exécuter l’une des commandes mentionnées ci-dessous pour démarrer le serveur de noeud pour votre application reactJs:
start
start
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"
}
}
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 .