Reputation: 533
Help! I have no idea what is going on here, create react app is not working I have also tried reinstalling and yet to no avail, please help!
Npm version: 5.4.2 Node version: 8.70
Tried the npm install --save --save-exact --loglevel error react react-dom react-scripts
Upvotes: 44
Views: 195826
Reputation: 666
Yes the create-react-app
is not working.
It is a known issue, reported in official repository as well.
https://github.com/facebook/create-react-app/issues/17011
So if you want to continue to create the project using create-react-app. You can use this command. It won't have testing library setup.
npx create-react-app cra --template minimal
Points to remember: Do the following change in index.js file.
Replace
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
With
import ReactDOM from "react-dom/client";
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
Upvotes: 0
Reputation: 3243
In my case, "create-react-app" was not installed. to install run this command
npm install -g create-react-app
Once installation successful, try running
npx create-react-app hello-world
If this works for you. Great else comment what worked for you,
This is reference link:
https://create-react-app.dev/
Upvotes: 84
Reputation: 79
Go with this link: https://stackoverflow.com/a/79296249/12760567
you will find the answer
Upvotes: -1
Reputation: 1393
The following worked for me.
In the directory where your project is located type in the following:
npm install -g [email protected]
Then I ran the command:
npx create-react-app <name of your project>
Upvotes: 0
Reputation: 11
Find the folder and where a folder named npm is present and add it into environment variables (path)
Upvotes: 0
Reputation: 47
Please do this, I hope it will fix all of your problems
1- npm i -g create-react-app
2- create-react-app my-app
Upvotes: 0
Reputation: 29
If there is anyone having this issue that you can not find your project when you
yarn create-react-app (name of project) npx create-react-app (name of project)
then just be sure that you are in the right directory.
use this command in your terminal
cd ..
now search the project name by
cd (project name)
you should find your directory here.
Upvotes: 0
Reputation: 149
I also got the same issue and tried to resolve for a long and finally resolved using this command,
npx create-react-app@latest my-app --use-npm
Upvotes: 12
Reputation: 1786
For the windows machine following command worked for me
yarn create react-app my-app
cd my-app
yarn set version berry
yarn
yarn start
Upvotes: 2
Reputation: 857
npx create-react-app .
( the .) means create project on this folder so you should manually create if you do that
Upvotes: 1
Reputation: 659
I had the same problem and had to do the following:
npm uninstall -g create-react-app
npm uninstall create-react-app
After this I was able to create the app with:
npx create-react-app project-app
Upvotes: 9
Reputation: 44
I just did it now after messing around with it all yesterday.
Installed react globally like people have said.
then I used 'git bash here' to open terminal in the directory i want
oddly, it worked when I removed npm. I know it's weird, I've never had to do that and it makes no sense but its working so:
create-react-app my-app-name
I'm on windows 10 by the way.
Upvotes: 0
Reputation: 93
HAD the same problem. Running Node with cra. installed cra -g for starters.
npm install -g create-react-app
then downgraded react-scripts to version 2.1.8
npm install [email protected]
created a .env file in root directory and added this to it.
DB_HOST=localhost
DB_USER=root
DB_PASS=s1mpl3
SKIP_PREFLIGHT_CHECK=true
Then you do the typical delete node_modules folder and the package-lock.json file.(NOT PACKAGE.JSON!!!)
then:
npm install
npm start
This worked for me. Sorry I'm not more informative on why this worked for me. I'm still trying to understand why it didn't work in the first place.
Upvotes: 0
Reputation: 1653
It sets up your development environment so that you can use the latest JavaScript features, provides a nice developer experience, and optimizes your app for production.
You’ll need to have Node >= 8.10 and npm >= 5.6 on your machine. To create a project, run:
npx create-react-app my-app
cd my-app
npm start
Note: npx on the first line is not a typo — it’s a package runner tool that comes with npm 5.2+.
Create react app provides more information regarding this.
It may be the problem of cache also, so can also try:
npm cache clean --force
Edit 1: This may be due to slow internet speed, Please check the internet and try again.
Upvotes: 1
Reputation: 21
After no luck with updating my npm version and doing npm cache clean --force I ended up just doing a fresh install of node which fixed the issue for me.
Upvotes: 0
Reputation: 331
I finally got it to work. An anti-virus in my system was causing it not to work property. I unistalled it and it's working as expected.
Upvotes: 0
Reputation: 573
I had similar issue while tried creating new react app with create-react-app
, but related to some random JSON reading issues while installations like.. >= 5.0 || 4.0 ..
But the fix below solves multiple and similar issues.
First of all, make sure you have required or latest version of node installed.
npm install npm@latest -g
Before using create-react-app
make sure you clean npm cache using npm cache clean --force
Now, is should be fine to create new react app with npx create-react-app tl-app
or npx create-react-app .
if you want to create current directory as project root.
Upvotes: 3
Reputation: 47
Tried all the above methods but no luck:(
Step1 : Reinstalled Node js
Step2 : Check whether environment variables has been created. if not create one for nodejs,npm and composer
Step3: Also add "C:\Windows\System32" to the global PATH environment variable.
Step4: Then use "npx create-react-app my-app" to create react project
Step5: Run the commmand : cd my-app and npm start
Step6: It will work
Upvotes: 0
Reputation: 1011
What I did, is going to
C:\Users\mycomputerName\AppData\Roaming\npm\
I changed the name of this file
create-react-app.ps1
to
create-react-appOld.ps1
or you can delete it, then it worked fine
Upvotes: 0
Reputation: 621
on Ubuntu 18.04
sudo npm cache clean -f
sudo npm install -g n
sudo n stable
Upvotes: 0
Reputation: 41
I had the same problem, and I solved it by:
1. update the npm version (npm install npm@latest -g)
2. clear the cache (npm cache clean --force)
3. create the react project (npx create-react-app todo)
(create-react-app was already installed)
Upvotes: 3
Reputation: 60
The problem on my machine was caused by yarn. I am windows 10 and after uninstalling yarn using npm uninstall -g yarn, my script run correctly. So
Please note that the above steps assume that you already have node and react-cli installed on your machine.
Upvotes: 0
Reputation: 1
I also experienced the same problem and SOLVED IT. This is what I did.
Upvotes: -4
Reputation: 2334
Make sure you are not running any antivirus, stop/pause all antivirus or protection software.
You can also try
use create-react-app projectname --save
or create-react-app projectname --save-exact and start again
OR
as the error suggests, you should use a newer version of node. You are using 8.9.4, you should probably use 8.12.0 LTS.
Upvotes: 2