React Js can't Run using npm start - reactjs

I want to run my project, but npm start error -_-
npm ERR! errno 1
npm ERR! breednder-project#0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the breednder-project#0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/aziz/.npm/_logs/2020-02-15T09_11_32_000Z-debug.log```

Did you try recovering your dependencies?
run npm install
and make sure from Node and npm version at least
npm more than 6 and node more than 10
npm -v
node -v
and finally, try to delete the node_modules and package-lock
and do npm i again

I had this issue before so I will share what my issue was:
in package.json just verify the integrity of you start command. Also try npm run start (add run to it)
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},

Your project lacks the necessary dependency to back the "start": "react-scripts start" clause under your package.json. To fix this error, just delete your node_modules folder and run npm install again.

Related

How to run react on browser?

I am new to react framework and I am trying to make a web app with the help of Tailwind CSS. it runs on the browser when I followed these steps :
npx create-react-app my-project
cd my-project
npm install -D tailwindcss#npm:#tailwindcss/postcss7-compat postcss#^7 autoprefixer#^9
npm install #craco/craco
npx tailwindcss-cli#latest init
npm start
but when I reopen the editor and run the command npm start in the terminal, the following error shows:
PS D:\react1> npm start
npm ERR! Missing script: "start"
npm ERR!
npm ERR! Did you mean one of these?
npm ERR! npm star # Mark your favorite packages
npm ERR! npm stars # View packages marked as favorites
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\DELL\AppData\Local\npm-cache\_logs\2021-07-12T09_16_22_570Z-debug.log
Please help me where i am wrong. I followed this page for the installation of react with tailwind
https://tailwindcss.com/docs/guides/create-react-app
Try
npm i react-scripts
npm start
First do npm i react-scripts after that replace the current scripts with this:
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
Then restart your visual studio code, and run in terminal: npm start
I got this error because I was not running the command npm start in a particular project directory.
Like my project was in: D://React/react1
and I was running the command in D://React

How to solve issue with React build

After making changes to the react application. I want to build the changes again and redeploy to IIS. but for a strange reason, the build is not working again. I have tried everything to rebuild but non has worked.
I tried
npm run build:prod
> project#0.1.0 build:prod C:\Users\MYNAME\source\repos\Project
> env-cmd -f .env.prod npm run build
npm ERR! missing script: build
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\MYNAME\AppData\Roaming\npm-cache\_logs\2021-04-19T13_38_22_516Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! Project#0.1.0 build:prod: `env-cmd -f .env.prod npm run build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the Project#0.1.0 build:prod script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
Here is the script part of my package.json
"scripts": {
"start": "env-cmd -f .env.dev react-scripts start",
"build:prod": "env-cmd -f .env.prod npm run build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
In "build:prod": "env-cmd -f .env.prod npm run build" the npm run build is missing. You have only start, build:prod, test, eject scripts, and no build exists.

fail at react start script

I work on a React project within the Intellij IDE. But my project fails when I try to start it with npm start. The error code tells me that the critical point is the starting of the start script in the package.json.
I already tried the most often given advice here: reinstall node.js, node_modules. But this does not work for me.
Thank you already for looking at my problem.
Here is the error code in the terminal.
VXN5155:dhbw-engineering ThomasA$ npm start
> dhbw-engineering#0.1.0 start /Users/ThomasA/Desktop/Uni/3semester/Sw-:Webengineering/ProjektPraxisSwEngineering/dhbw-engineering
> react-scripts start
sh: react-scripts: command not found
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! dhbw-engineering#0.1.0 start: `react-scripts start`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the dhbw-engineering#0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ThomasA/.npm/_logs/2020-09-17T08_03_23_911Z-debug.log
Edit: Below are the scripts defined in the scripts section of my package.json:
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
Run chmod +x node_modules/.bin/react-scripts.
Then run npm start. It should work
I had same issue with npm start in react project just after create-react-app.
I fixed it by:
Creating .env file in my react app root directory.
Then adding SKIP_PREFLIGHT_CHECK=true to the .env file.
This fixed the problem.
Then npm start or yarn start it should work.

Pushing React client and Rails API to Heroku, I'm hitting an error with the build script

I recognize that there are several questions out there with a similar/same issue, but I have not been able to find a working solution from those posts yet. When running git push heroku master, the build runs for a while, then crashes with the following error:
> client#0.1.0 build /tmp/build_f22760141a320d80dbbda0a359da5e4b/client
> react-scripts build
/tmp/build_f22760141a320d80dbbda0a359da5e4b/client/node_modules/#hapi/hoek/lib/deep-equal.js:17
options = { prototype: true, ...options };
^^^
SyntaxError: Unexpected token ...
at Object.exports.runInThisContext (vm.js:76:16)
at Module._compile (module.js:513:28)
(it goes on for a bit more)
npm ERR! Linux 4.4.0-1048-aws
npm ERR! argv "/tmp/build_f22760141a320d80dbbda0a359da5e4b/.heroku/node/bin/node" "/tmp/build_f22760141a320d80dbbda0a359da5e4b/.heroku/node/bin/npm" "run" "build"
npm ERR! node v6.3.1
npm ERR! npm v3.10.3
npm ERR! code ELIFECYCLE
npm ERR! client#0.1.0 build: `react-scripts build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the client#0.1.0 build script 'react-scripts build'.
There is more to it above and below, but I believe that is the relevant portion. My suspicion from reading this and other errors is that my package.json file is not set up correctly. Here is what I hope are the helpful portions to see:
// root package.json:
...
"engines": {
"node": ">= 6.9.4",
"npm": ">= 4.4.0"
},
"scripts": {
"start": "react-scripts start",
"test": "echo \"Error: no test specified\" && exit 1",
"build": "cd client && npm install && npm run build && cd ..",
"deploy": "cp -a client/build/. public/",
"postinstall": "npm run build && npm run deploy && echo 'Client built!'"
},
...
// and /client/package.json:
...javascript
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
...
I was following this article while structuring my app, and it all went well until the deploy to Heroku.
Here are some other potentially useful things to note:
// Profile
web: bundle exec rails s
// Heroku buildpacks:
1. heroku/nodejs
2. heroku/ruby
// Node and npm are both updated
This is my first question on here, so I am sorry if there is insufficient or unnecessary information. Any help on where to look to fix this would be greatly appreciated. Thank you!
Well, it is working now, and all I did was:
git add .
git commit -m "Working on setting up Heroku. It's not working"
git push origin master
Then when I ran git push heroku master, it built! My guess is that Heroku was watching for changes to my master branch, and all the work I did reading other people's posts was never pushed to master. Very much a guess on that though.

Npm start error. React

I'm trying to do
npm start
In my react project but always have a problem
npm ERR! path /Users/dan/package.json
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall open
npm ERR! enoent ENOENT: no such file or directory, open '/Users/dan/package.json'
npm ERR! enoent This is most likely not a problem with npm itself
npm ERR! enoent and is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/dan/.npm/_logs/2018-04-11T17_50_33_041Z-debug.log
I've also know that 5 version of npm isn't the best. Because I've reinstall npm and now I've:
node -v
v8.11.1
npm -v
4.6.1
package.json
{
"name": "test",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.3.1",
"react-dom": "^16.3.1",
"react-scripts": "1.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}
Try downgrade react-script
npm install react-scripts#2.1.8 --save
It's work for me!
Execute the following commands:
npx create-react-app myfirstreact
cd myfirstreact
npm start
It should work unless there are no files to work within the project.
Check if your react boilerplate template was fully generated by create-react-app otherwise you will need to upgrade your create-react-app
One way to know the template is not generated is if the src folder in your project directory does not exist.
your mistake is you are not in main file please run this command
cd-your file name

Resources