私は、react.jsチュートリアルを開始したばかりで、ファイルをダウンロードした後、次のように言及しています。
「ブラウザで http:// localhost:30 を開いて、進行状況を追跡します(サーバーの起動後)。」
私はこれが愚かに聞こえるかもしれないことを知っています(私はReactの初心者なので私に耐えてください)が、このインスタンスでどのようにサーバーを起動しますか?
ありがとう。
マーク
npm start
プロジェクトルートから。
適切にパッケージ化されたモジュールには、いくつかの ノードスクリプト がpackage.json
。開発環境を実行するスクリプトとしてstart
を使用するのが慣例ですが、一部のユーザーはbuild
、dev
、またはその他の名前を使用する場合があります。
Nodeを使用してサーバーを実行しました。従った手順は次のとおりです。
サーバーの実行セクションからZipパッケージをダウンロードしました here
リンクを開いていました: http:// localhost:3000 /
Node.jsコマンドプロンプトを開き、ダウンロードしたZipプロジェクトに移動しました。 From Node example here :
例のコマンドを入力するだけです:最初にnpm installを実行してから、server server.jsを実行します。
以下のスクリーンショットを参照してください。
Localhost Webページを更新すると、次のように表示されます。
公式のインストールプロセスは次のとおりです。 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.
下記のコマンドのいずれかを実行して、reactJsアプリケーションのノードサーバーを起動できます。
start
start
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"
}
}
official React tutorial に従っているように聞こえますが、その場合、含まれるさまざまなサーバー実装を開始する手順は here です。