无法运行反应js项目

我有一个项目build立使用反应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

在你的项目根目录下创build一个.env文件，并指定端口号PORT=3005然后在包json的启动脚本中使用像这样的"start": "react-scripts start"

示例包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上运行。 尝试打开一个命令窗口，并设置端口variables以Windows的方式，我认为这是（在PowerShell中）：

 $env:PORT=3005 

或者，在正常的命令窗口中：

 set PORT=3005 

您可以通过运行来检查作品：

 echo %PORT% 

应该返回3005.然后，导航到您的reactApp目录并运行：

 react-scripts start