web-dev-qa-db-ja.com

Reactチュートリアル-reactJsアプリケーションのノードサーバーを起動するにはどうすればよいですか?

私は、react.jsチュートリアルを開始したばかりで、ファイルをダウンロードした後、次のように言及しています。

「ブラウザで http:// localhost:30 を開いて、進行状況を追跡します(サーバーの起動後)。」

私はこれが愚かに聞こえるかもしれないことを知っています(私はReactの初心者なので私に耐えてください)が、このインスタンスでどのようにサーバーを起動しますか?

ありがとう。

マーク

17
Marc

npm startプロジェクトルートから。

適切にパッケージ化されたモジュールには、いくつかの ノードスクリプトpackage.json。開発環境を実行するスクリプトとしてstartを使用するのが慣例ですが、一部のユーザーはbuilddev、またはその他の名前を使用する場合があります。

11
Carl Vitullo

Nodeを使用してサーバーを実行しました。従った手順は次のとおりです。

  1. サーバーの実行セクションからZipパッケージをダウンロードしました here

  2. リンクを開いていました: http:// localhost:3000 /

  3. Node.jsコマンドプロンプトを開き、ダウンロードしたZipプロジェクトに移動しました。 From Node example here

    例のコマンドを入力するだけです:最初にnpm installを実行してから、server server.jsを実行します。

    以下のスクリーンショットを参照してください。

enter image description here

Localhost Webページを更新すると、次のように表示されます。

enter image description here

2
Gloria

公式のインストールプロセスは次のとおりです。 link 、および公式に推奨される 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

出力:

$ 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

下記のコマンドのいずれかを実行して、reactJsアプリケーションのノードサーバーを起動できます。

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

上記の3つのコマンドはすべて同等ですが、もちろん、最も短いので通常は最後のコマンドを使用します:)

ここで、startは、reactJsアプリケーションのpackage.jsonファイルにあるstart構成にあるscriptsキーに単純にマップします。 reactJsアプリケーションのpackage.jsonファイルのように、npmのreact-scripts startコマンドを起動します。これが、私のhello-worldアプリケーションのpackage.jsonファイルです。

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

official React tutorial に従っているように聞こえますが、その場合、含まれるさまざまなサーバー実装を開始する手順は here です。

1
Rick Runyon