Vraag Tutorial Reageren - hoe start ik de knooppuntserver voor een reactJs-applicatie?


Ik start net de react.js zelfstudie, ik heb de bestanden gedownload en vermeldt het:

"Volg je voortgang door te openen http: // localhost: 3000 in uw browser (na het starten van de server). "

Ik weet dat dit stom klinkt, (hou van me, want ik ben een beginner met React), maar hoe start ik de server in dit geval?

Bedankt.

Marc


11
2018-03-02 21:58


oorsprong


antwoorden:


Vrij solide kans dat het is npm start van de project root.

Goed verpakte modules zullen er enkele hebben knoopscripts geconfigureerd in package.json. Het is gebruikelijk om te gebruiken start als het script om de dev-omgeving uit te voeren, hoewel sommigen dit misschien gebruiken build, devof andere namen.


8
2018-03-02 23:54



Ik gebruikte Node om de server te draaien. De stappen die ik volgde zijn:

  1. Ik heb het zip-pakket gedownload via de sectie Een server uitvoeren hier

  2. Ik had de link geopend: http: // localhost: 3000 /

  3. Ik heb de opdrachtprompt van Node.js geopend en naar de gedownloade navigeerd zip project. Van knooppuntvoorbeeld hier:

    Typ gewoon de opdrachten in het voorbeeld: Eerst npm installeren en dan knooppunt server.js.

    Zie de screenshot hieronder:

enter image description here

Wanneer ik de localhost-webpagina vernieuw, zie ik het volgende:

enter image description here


2
2018-03-03 20:54



Het lijkt erop dat je de officiële zelfstudie React, in welk geval de instructies voor het starten van de verschillende opgenomen serverimplementaties zijn hier.


1
2018-03-03 14:14



U kunt een van de onderstaande opdrachten uitvoeren om de knooppuntserver voor uw reactJs-toepassing te starten:

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

Alle bovenstaande drie commando's zijn gelijkwaardig maar natuurlijk gebruiken mensen meestal de laatste omdat het de kortste is :)

Hier start gewoon kaarten naar de start sleutel aanwezig in de scripts configuratie aanwezig in package.json bestand van uw reactJs applicatie. Zoals in de package.json bestand van mijn reactJs applicatie resulteert dit in vuren react-scripts start commando van npm. Hier is mijn package.json bestand van mijn hello-wereld-applicatie.

{
  "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
2018-05-05 06:02