無法運行反應js項目

Question

我有一個使用 react js 構建的項目我想在本地執行它

到目前為止我做了什么：

1）安裝node.js（windows 64位）

2) 從https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm一直到第 3 步

我現在有

1）c://程序文件/nodejs/node_modules

2) 桌面/reactApp/node_modules

我將我的項目文件夾放在 reactApp/. 所以 package.json 在 reactApp/package.json

現在當我嘗試運行npm start

 C:\Users\xxx\Desktop\reactApp>npm start > liquid@0.1.0 start C:\Users\jitendra\Desktop\reactApp > PORT=8080 react-scripts start 'PORT' is not recognized as an internal or external command, operable program or batch file. npm ERR. code ELIFECYCLE npm ERR. errno 1 npm ERR: liquid@0.1.0 start. `PORT=8080 react-scripts start` npm ERR. Exit status 1 npm ERR, npm ERR, Failed at the liquid@0.1:0 start script 'PORT=8080 react-scripts start': npm ERR, Make sure you have the latest version of node.js and npm installed: npm ERR. If you do: this is most likely a problem with the liquid package: npm ERR. not with npm itself npm ERR Tell the author that this fails on your system npm ERR PORT=8080 react-scripts start npm ERR You can get information on how to open an issue for this project with npm ERR npm bugs liquid npm ERR Or if that isn't available you can get their info via npm ERR npm owner ls liquid npm ERR There is likely additional logging output above npm ERR A complete log of this run can be found in npm ERR C \Users\jitendra\AppData\Roaming\npm-cache\_logs\2017-05-03T08_13_40_048Z-debug log

這是我的package.json文件

{ "name": "liquid", "version": "0.1.0", "private": true, "devDependencies": {}, "dependencies": { "bootstrap": "^4.0.0-alpha.6", "chart.js": "^2.5.0", "google-map-react": "^0.23.0", "lodash": "^4.17.2", "moment": "^2.18.1", "prop-types": "^15.5.8", "react": "^15.5.4", "react-chartjs-2": "^2.0.5", "react-dom": "^15.5.4", "react-redux": "^5.0.1", "react-router": "^2.8.1", "react-router-redux": "^4.0.5", "react-scripts": "^0.9.5", "react-sortable-tree": "^0.1.17", "react-table": "^5.5.3", "reactstrap": "^4.3.0", "redux": "^3.6.0", "redux-logger": "^2.7.4", "redux-thunk": "^2.1.0", "whatwg-fetch": "^2.0.1" }, "scripts": { "start": "PORT=8080 react-scripts start", "build": "react-scripts build && aws s3 sync build/ s3://xxx.co/1micro", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" }, "homepage": "http://xxx.co/1micro" }

Answer 1

在您的項目根目錄創建一個.env文件，然后在PORT=3005中指定端口號，然后在 package json 啟動腳本使用，如"start": "react-scripts start"

package json 文件示例如下

{ "name": "r", "version": "0.1.0", "private": true, "devDependencies": { "react-scripts": "0.8.4" }, "dependencies": { "react": "^15.4.2", "react-dom": "^15.4.2" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" } }

Answer 2

該 PORT 命令僅適用於 Unix。 嘗試打開命令 window 並以 windows 方式設置端口變量，我認為它是（在 powershell 中）：

 $env:PORT=3005

或者，在正常命令 window 中：

 set PORT=3005

然后您可以通過運行檢查工作：

 echo %PORT%

這應該返回 3005。然后，導航到您的 reactApp 目錄並運行：

 react-scripts start

Answer 3

如果上述解決方案不能解決您的問題，請嘗試以下對我有用的方法：

如果您無法啟動 react js 項目，請執行以下步驟：

1. 打開package.json文件
2. 內部腳本用下面的“start”替換啟動命令：“set PORT=3006 && react-scripts start”