web-dev-qa-db-ger.com

Reaktives Tutorial - Wie starte ich den Knotenserver für eine ReactJs-Anwendung?

Ich starte gerade das Tutorial von react.js. Ich habe die Dateien heruntergeladen und dann erwähnt:

"Verfolgen Sie Ihren Fortschritt, indem Sie http: // localhost: 3000 in Ihrem Browser öffnen (nachdem Sie den Server gestartet haben)."

Ich weiß, das hört sich vielleicht dumm an (ärgern Sie sich, seit ich Anfänger bei React bin), aber wie starte ich den Server in diesem Fall?

Vielen Dank.

Marc

reactjsnpmserverlocalhost
14
Marc

Ziemlich gute Chance ist es npm start von der Projektwurzel.

Bei ordnungsgemäß verpackten Modulen werden einige Knotenskripte in package.json konfiguriert. Es ist üblich, start als Skript zum Ausführen der dev-Umgebung zu verwenden, obwohl einige build, dev oder andere Namen verwenden.

10
Carl Vitullo

Ich habe Node verwendet, um den Server auszuführen. Die Schritte, die ich befolgt habe, sind:

  1. Ich habe das Zip-Paket aus dem Abschnitt Running a server heruntergeladen hier

  2. Ich hatte den Link geöffnet: http: // localhost: 3000/

  3. Ich öffnete die Node.js-Eingabeaufforderung und navigierte zum heruntergeladenenZip-Projekt. Vom Knotenbeispiel hier :

    Geben Sie einfach die Befehle in das Beispiel ein: Zuerst npm install und dann Node server.js.

    Siehe den Screenshot unten:

 enter image description here

Wenn ich die localhost-Webseite aktualisiere, sehe ich Folgendes:

 enter image description here

2
Gloria

Hier ist der offizielle Installationsprozess: Link und offiziell empfohlen Tutorials

# install react cli
npm install -g create-react-app

# create app
create-react-app my-react-app-name

# go to project folder
cd my-react-app-name

# install dependencies
npm install

# start live server
npm start

ausgabe:

$ You can now view my-react-app-name in the browser.

$ Local:            http://localhost:3000/
$ On Your Network:  http://192.168.0.105:3000/

$ Note that the development build is not optimized.
$ To create a production build, use npm build.
1
waLL e

Sie können einen der unten genannten Befehle ausführen, um den Knotenserver für Ihre ReactJs-Anwendung zu starten:

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

Alle obigen drei Befehle sind gleichwertig, aber normalerweise verwenden die Leute normalerweise den letzten Befehl, da er der kürzeste ist :)

Hier wird start einfach dem start-Schlüssel zugeordnet, der in der scripts-Konfiguration in der package.json-Datei Ihrer ReactJs-Anwendung vorhanden ist. Wie in der package.json-Datei meiner ReactJs-Anwendung wird der react-scripts start-Befehl von npm ausgelöst. Hier ist meine package.json-Datei meiner Hallo-Welt-Anwendung.

{
  "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

Klingt so, als würden Sie dem offiziellen React-Tutorial folgen. In diesem Fall sind die Anweisungen zum Starten der verschiedenen enthaltenen Server-Implementierungen hier .

1
Rick Runyon