CODEWITHSUNDEEP
jsonnode.jsreactjsnpm
Nirali Joshi
Nirali Joshi

Reputation: 2008

Unable to run react js project

I have a project build using react js I want to execute it locally

What I have done so far :

1) installed node.js (windows 64 bit)

2) Followed till Step 3 from https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm

Now I have

1) c://program files /nodejs/node_modules

2) Desktop/reactApp/node_modules

I places my project folder inside reactApp/ . so package.json is at reactApp/package.json

now when i try to run npm start 

C:\Users\xxx\Desktop\reactApp>npm start

> [email protected] 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! [email protected] start: `PORT=8080 react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] 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

Here is my package.json file

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

Upvotes: 2

Views: 6476

Answers (3)

Manji
Manji

Reputation: 51

if above solutions does not fixed your problem, try the following this worked for me:

if you are not able to start react js project then do the following steps:

  1. open package.json file
  2. inside script replace the start command with below "start": "set PORT=3006 && react-scripts start"

Upvotes: 2

Keshan Nageswaran
Keshan Nageswaran

Reputation: 8178

Create a .env file at your project root and specify port number there PORT=3005 then in package json start script use like this "start": "react-scripts start"

Sample package json file below 

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

Upvotes: 7

Wayneio
Wayneio

Reputation: 3566

That PORT command will only work on Unix. Try opening a command window and setting the port variable in a windows way, I think it's (in powershell):

$env:PORT=3005

or, in a normal command window:

set PORT=3005

which you can then check works by running:

echo %PORT%

which should return 3005. Then, navigate to your reactApp directory and run:

react-scripts start

Upvotes: 3

Related Questions