score:557
If you've previously installed
create-react-app
globally vianpm install -g create-react-app
, we recommend you uninstall the package usingnpm uninstall -g create-react-app
to ensure thatnpx
always uses the latest version.
Use either one of the below commands:
npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
if npm uninstall -g create-react-app
stated above does not work.
Type which create-react-app
to know where it is installed. Mine was installed in /usr/bin
folder. Then do sudo rm -rf /usr/bin/create-react-app
. (Credit to @v42 comment below)
score:0
I had same problem & i have installed "create-react-app" globally on my machine. There is error :
"A template was not provided. This is likely because you're using an outdated version of create-react-app. Please note that global installs of create-react-app are no longer supported."
Then i removed previous install by using this command.
npm uninstall -g create-react-app
Then install new react app.
npx create-react-app new-app
score:0
Try running your terminal as an administrator. I was having the same issue and nothing helped apart from opening the terminal as administrator and then doing the npx create-react-app yourAppName
score:0
FOR UBUNTU: in case you are having an error that a template is not provided with npx create-react-app
and already unistalled npm create-react-app -g
and still doesn't work, do the following:
sudo rm -rf usr/bin/create-react-app
# this will manualy remove the create-react-app.
npx create-react-app
either with typescript works too.
score:0
If you are getting this error 'Template not provided ...." again and again, then straigt away do the followiong to steps:
- npm uninstall -g create-react-app
- check the location of your file 'create-react-app' by using the command "which create-react-app"
- Now manually delete that file using the command "rm -rf /usr/local/bin/create-react-app" replacing this command with the exact path shown in the previous step.
- Finally run 'npx create-react-app '
This will replace your old file 'create-react-app' which is causing the problem with the new file downloaded with npx.
Happy coding...
score:0
I got the same problem in last week. I tried many things that is provided in this answer section. But now this thing is different. Latest version of this create-react-app provided 2 templates.
1. cra-template
2. cra-template-typescript
If you use javascript, choose cra-template. And if you use typescript, use cra-template-typescript.
First you have to uninstall the create-react-app. (If you have the latest version, ignore this step.)
npm uninstall -g create-react-app
Again install the latest version of the create-react-app
npm install create-react-app@latest
Now you have to import the template like this. (If you use typescript, use "cra-template-typescript" instead of "cra-template". my-app is used as a name. you can give it any name).
npx create-react-app my-app --template cra-template
Now the template will be downloaded. But remind in your mind, this is not equal to the past versions. (something different)
Happy Coding.
score:0
This problem occurred because there is global installs of create-react-app
are no longer supported. For solving this problem, you should uninstall and remove completely create-react-app
from your system, so run these command respectively:
npm uninstall -g create-react-app
or
yarn global remove create-react-app
Then please check if the create-react-app exists or not with this command
which create-react-app
If it returns any correct path like a
/c/Users/Dell/AppData/Local/Yarn/bin/create-react-app
Then run this command to remove create-react-app
globally
rm -rf /c/Users/Dell/AppData/Local/Yarn/bin/create-react-app
Now you can create a new react app with one of these commands:
npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
score:0
please try this:
npx create-react-app project-name --template all
score:0
If other answers are not helping and especially if you recently moved to Big Sur, this may be helpful.
I tried all of the steps described in all answers, but could not get CRA to generate a template for me. It may have been due to the fact that I recently moved to Big Sur, and had not updated node/npm etc. The create-react-app binary was not installed (neither in /usr/bin nor in /usr/local/bin), but anytime I would run npx create-react-app project
it would end with the dreaded "A template was not provided.." message. I upgraded node and npm, tried removing create-react-app using both npm and yarn, cleared the npm cache, tried using npm react-app project
, all to no avail.
Whenever I would run these commands, it would start with complaining about react-scripts using outdated packages:
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
yarn add v1.22.10
info No lockfile found.
[1/4] 🔍 Resolving packages...
warning react-scripts > babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
warning react-scripts > webpack-dev-server > chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
warning react-scripts > webpack-dev-server > chokidar > fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi@15.1.1: Switch to 'npm install joi'
warning react-scripts > workbox-webpack-plugin > workbox-build > rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintain
<etc. - tons of warnings like these>
So I suspected that maybe react-scripts
was the problem. To check, I ran npm list
. To my surprise, CRA was listed as one of the "extraneous" packages:
├── create-react-app@1.5.2 extraneous
I then ran npm uninstall create-react-app@1.5.2
, which worked. And the next invocation of npx create-react-app project
prompted me that CRA would be installed. Sure enough, the installation worked and a template was indeed used.
Hope this helps anyone stuck in similar situation.
score:0
if nothing above works ..
use this npx clear-npx-cache
then npx create-react-app my-app
hope it will resolve.
score:1
After using this command:
yarn global upgrade create-react-app
I then tried:
yarn create-react-app my-app but it didn't work for me.
This worked though:
npx create-react-app my-app
score:1
For Windows 10 I had to manually delete some folders in yarn's cache, my path was something like C:\Users\username\AppData\Local\Yarn\Cache\v1
and the foldes I had to remove were something like npm-create-react-app-1.0.0-1234567890abcdef
score:1
I solved this using the following command.
npm uninstall -g create-react-app
npm cache clean --force
then
npx create-react-app project_name --template all
Thanks for this! Worked for me too.
score:1
npx create-react-app@latest {project name}
this seems to be the way to make it work.
score:2
Such a weird problem because this worked for me yesterday and I came across the same error this morning. Based on the release notes, a new feature was added to support templates so it looks like a few parts have changed in the command line (for example, the --typescript
was deprecated in favor of using --template typescript
)
I did manage to get it all working by doing the following:
- Uninstall global create-react-app
npm uninstall create-react-app -g
. - Verify npm cache
npm cache verify
. - Close terminal. I use the mac terminal, if using an IDE maybe close and re-open.
- Re-open terminal, browse to where you want your project and run create-react-app via npx using the new template command conventions. For getting it to work, I used the typescript my-app from the documentation site to ensure consistency:
npx create-react-app my-app --template typescript
If it works, you should see multiple installs: one for react-scripts and one for the template. The error message should also no longer appear.
score:2
npm uninstall -g create-react-app
could be an answer in some cases, but not in mine.
You should manually delete your create-react-app located at ~/.node/bin/
or /usr/bin/
(just type which create-react-app
and remove it from locations you saw using rm -rf
), next just run npm i -g create-react-app
.
After that create-react-app
will be working correctly.
score:2
This worked for me 1.First uninstall create-react-app globally by this command:
npm uninstall -g create-react-app
If there you still have the previous installation please delete the folder called my app completely.(Make sure no program is using that folder including your terminal or cmd promt)
2.then in your project directory:
npm install create-react-app@latest
3.finally:
npx create-react-app my-app
score:2
For any Windows users still having this issue, this is what fixed it for me:
- Run
where create-react-app
to get the path (mine was in C:\Users\username\AppData\Local\Yarn\bin). - Navigate to that directory and delete both "create-react-app" and "create-react-app.cmd".
- Navigate to the directory you want to start a project in.
- Run
npm install create-react-app
,npx create-react-app name-of-app
,cd name-of-app
,yarn start
.
Step #4 will vary based on your configuration, but that's just what got me up and running.
score:2
One of the easiest way to do it is by using
npx --ignore-existing create-react-app [project name]
This will remove the old cached version of create-react-app and then get the new version to create the project.
Note: Adding the name of the project is important as just ignoring the existing create-react-app version is stale and the changes in your machines global env is temporary and hence later just using npx create-react-app [project name]
will not provide the desired result.
score:3
First uninstall create-react-app
npm uninstall -g create-react-app
Then run yarn create react-app my-app
or npx create-react-app my-app
then running yarn create react-app my-app
or npx create-react-app my-app
may still gives the error,
A template was not provided. This is likely because you're using an outdated version of create-react-app.Please note that global installs of create-react-app are no longer supported.
This may happens because of the cashes. So next run
npm cache clean --force
then run
npm cache verify
Now its all clear. Now run
yarn create react-app my-app
or npx create-react-app my-app
Now you will get what you expected!
score:3
score:3
Using the command npm uninstall -g create-react-app
didn't work for me.
But this worked:
yarn global remove create-react-app
and then:
npx create-react-app my-app
score:4
This work's for me :
Let's, uninstall create-react-app globally by this command:
npm uninstall -g create-react-app
After that in your project directory:
npm install create-react-app@latest
At the last:
npx create-react-app my-app
For typescript :
npx create-react-app my-app --template typescript
score:5
This solved my problem
Steps:
1.Uninstall the create-react app
npm uninstall -g create-react-app
2.Now just use
npx create-react-app my-app
this will automatically create the template for u .
score:5
This works for me!
1) npm uninstall -g create-react-app
2) npm install -g create-react-app
3) npx create-react-app app_name
If you have any previously installed
create-react-app
globally vianpm install -g create-react-app
, Better to uninstall it usingnpm uninstall -g create-react-app
score:5
This problem is not solved like this, the problem is in the different instances of node, try removing globally create-react-app and then delete the node_modules and package-lock.json from your root user
score:7
For Linux this worked for me
sudo npm uninstall -g create-react-app
npx create-react-app my-test-app
score:7
TLDR: Uninstall the global package using npm uninstall -g create-react-app
and generate new react apps using npx create-react-app app
.
Issue
You're using an older version of create-react-app
that you have installed globally using npm. The create-react-app
command invokes this global package.
You could've confirmed that you were using an outdated version by running npm outdated -g create-react-app
or comparing create-react-app --version
with npm view create-react-app
.
The fact that the version of react-scripts
was up to date, has nothing to do with the version of the package that is bootstrapping the app (create-react-app
), which grabs the latest versions of the packages that it uses (react-scripts
in this case).
Solution
If you want to continue using the create-react-app
command, you'll need to update the global package using npm update -g create-react-app
. Note that you'll want to do this periodically to keep it up to date. You'll notice that create-react-app
does not recommend this (noted in the logs from your install).
A better approach would be to delete the global install entirely (npm uninstall -g create-react-app
) and instead use npx
so that it grabs the latest version of the package every time (more detail on npx
below).
You should confirm that it was uninstalled globally by trying to use create-react-app
to make sure the command is "not found".
Issues with uninstalling?
You can debug where it was installed using which create-react-app
. If you're having issues uninstalling it, you may have multiple versions of node/npm on your machine (from multiple installs, or because you use a node version manager such as nvm
). This is a separate issue I won't address here, but there's some info in this answer.
A quick nuclear approach would be to forcefully remove it (rm -rf
) at the path that which create-react-app
returns.
Supplement
Global npm packages and the npx
command
$ NPM_PACKAGE_NAME
will always use the globally installed version of the package, regardless of which directory you're in.
$ npx NPM_PACKAGE_NAME
will use the first version of the package that it finds when searching up from the current directory to the root:
- If you have the package in your current directory, it will use that.
- Else if you have the package in a directory that is a parent of your current directory, it will use the first one it finds.
- Else if you have the package installed globally, it will use that.
- Else if you don't have the package at all, it will temporarily install it, use it, and then discard it. - this is the best way to ensure the package is up to date.
More info about npx can be found in this answer.
Using npx
with create-react-app
create-react-app
has some special commands/aliases to create a react app (instead of npx
) that are specific to that package (yarn create react-app
, npm init react-app
), but npx create-react-app
will work the same as it does with other packages.
yarn
vs npm
global installs
Yarn stores global installs in a different folder than npm
, which is why yarn create react-app
would work immediately without uninstalling the global npm package (as far as yarn is concerned, the package hasn't been installed).
This is just a temporary solution though, as you'll need to remember to always use yarn instead of npm when using Create React App.
score:10
"If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app to ensure that npx always uses the latest version"
This is reported at https://create-react-app.dev/docs/getting-started/. For me, this did not work. I had to re-install create-react-app globally instead.
My steps to fix this problem were to:
- npm uninstall -g create-react-app
- npm install -g create-react-app
- npx create-react-app my-app
score:10
All of the option didn't work for me on MacOS. What did work was the following 3 steps:
- Delete the node from: /usr/local/bin/
then
- install node newly: https://nodejs.org/en/
then
- Install react: npx create-react-app my-app follow: https://create-react-app.dev/
score:12
npx create-react-app@latest your-project-name
work for me after trying all the answers hope that can help someone in the future.
score:13
These two steps worked for me
1) Uninstalled react-app globally with this command
npm uninstall -g create-react-app
2) Installed react-app in project folder with this command
npx create-react-app project-name
score:15
So I've gone through all the steps here, but non helped.
TLDR; run npx --ignore-existing create-react-app
I am on a Mac with Mojave 10.15.2
CRA was not installed globally - didn't find it in /usr/local/lib/node_modules
or /usr/local/bin
either.
Then I came across this comment on CRA's github issues. Running the command with the --ignore-existing
flag helped.
score:19
npm install -g create-react-app
in your pc- create react project again with
npx create-react-app my-app
score:19
This worked for me.
npm uninstall -g create-react-app
npx create-react-app my-app
score:19
Clear your npm cache first then use yarn as follows:
npm cache clean --force
npm cache verify
yarn create react-app my-app
I hope this helps.
EDIT
...you might want to try the following after I have looked into this problem further:
npm uninstall -g create-react-app
yarn global remove create-react-app
which create-react-app
- If it returns something (e.g. /usr/local/bin/create-react-app), then do a rm -rf /usr/local/bin/create-react-app to delete manually.npm cache clean --force
npm cache verify
npx create-react-app@latest
These steps should remove globally installed create-react-app installs, you then manually remove the old directories linked to the old globally installed create-react-app scripts. It's then a good idea to clear your npm cache to ensure your not using any old cached versions of create-react-app. Lastly create a new reactjs app with the @latest
option like so: npx create-react-app@latest
. There has been much confusion on this issue where no template is created when using npx create-react-app, if you follow the steps I have stated above (1-6) then I hope you'll have success.
p.s.
If I wanted to then create a react app in a directory called client then I would type the following command into the terminal:
npx create-react-app@latest ./client
Good luck.
score:20
I too had the same problem. When I trid the npm init react-app my-app
command returned the same message
A template was not provided. This is likely because you're using an outdated version of create-react-app.
But
yarn create react-app my-app
command works fine.
score:22
To add up more to the answers above:
With the new release of create-react-app
, you can create a new app using custom templates.
Two templates available so far:
- cra-template
- cra-template-typescript
Usage:
npx create-react-app my-app [--template typescript]
More details of the latest changes in create-react-app
:
https://github.com/facebook/create-react-app/releases/tag/v3.3.0
score:40
First uninstall create-react-app globally by this command:
npm uninstall -g create-react-app
then in your project directory:
npm install create-react-app@latest
finally:
npx create-react-app my-app
score:53
Though already lots of answer is here. I came up with 3 solutions which I applied step by step when I faced this situation.
First step: From Official manual,
If you've previously installed create-react-app globally via
npm install -g create-react-app
, we recommend you uninstall the package usingnpm uninstall -g create-react-app
to ensure that npx always uses the latest version.
https://create-react-app.dev/docs/getting-started
You can use these commands below:
npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
Second step (If first one doesn't work):
Sometimes it may keep caches.then you can use these commands given below.
npm uninstall -g create-react-app
npm cache clean --force
npm cache verify
yarn create react-app my-app
Third step:(If these 2 won't work)
first uninstall via npm uninstall -g create-react-app
,then check if you still have it "installed" with which create-react-app
command on your command line. If you got something like (/usr/local/bin/create-react-app) then run this rm -rf /usr/local/bin/create-react-app
(folder may vary) to delete manually.
Then again install it via npx/npm/yarn.
NB: I succeed in the last step.
score:90
1)
npm uninstall -g create-react-app
or
yarn global remove create-react-app
2)
There seems to be a bug where create-react-app isn't properly uninstalled and using one of the new commands lead to:
A template was not provided. This is likely because you're using an outdated version of create-react-app.
After uninstalling it with npm uninstall -g create-react-app
, check whether you still have it "installed" with which create-react-app
(Windows: where create-react-app
) on your command line. If it returns something (e.g. /usr/local/bin/create-react-app), then do a rm -rf /usr/local/bin/create-react-app
to delete manually.
3)
Then one of these ways:
npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
Source: stackoverflow.com
Related Query
- How to create React App including Web3 using create-react-app? I am getting Module not found Error. BREAKING CHANGE: webpack < 5 used
- Styles not inserted into HEAD using Webpack MiniCssExtractPlugin with Create React App
- Template not provided using create-react-app
- create react app not picking up .env files?
- How to create multiple page app using react
- google is not defined in react app using create-react-app
- React create app hot reload is not always working on linux
- The react-scripts package provided by Create React App requires a dependency:
- Create React App not working
- How to not show warnings in Create React App
- Create React App not showing error message with ErrorBoundary
- Docker Create react app hot reload not working
- Uncaught TypeError: create is not a function using useEffect React Hook with AJAX request
- Share codebase using common Sdk module in create react app Reactjs application
- Create React App not installing, showing an error and aborting installation
- How to inject port and host using ENV variable in Create React App Proxy settings?
- create react app not loading css background images in dev or build
- Fixing 'define' is not defined no-undef in react create app third party imports
- How to fix TypeError _interopRequireDefault is not a function in Create React App
- Custom Proxy in Create React App using Typescript
- Nginx and Create React App (with React Router) full routes not working
- Typescript does not error on compilation with create react app
- SetupProxy file not being read in Create React App Typescript
- Create React App http-proxy-middleware not working
- Getting an out of memory error while using Create React App and Plotly.js
- Can not create app using create-react-app
- Writing to files using File System Access API fails in Electron + Create React App
- CORS error using fetch API - React create app
- React app showing page with "404 the requested path could not be found" when using Apache
- Error creating react application > Git commit not created Error: Command failed: git commit -m "Initialize project using Create React App"
More Query from same tag
- Problem reaching Contentful's API with getEntry() helper: no content is returned from promise of found entry
- using lodash get in react componentWillReceiveProps won't work
- how to change color of boxes in 2D grid of specific cell on click in reactJs?
- WebGL mipmap generation fails for TEXTURE_CUBE_MAP
- How to disconnect child props from Parent's state passed in?
- React Can't resolve_ in _
- Restore scroll position after toggled a modal in react with useContext
- React problem with array - component not loading?
- Rendering Specific Value from State Array in React.js
- Heroku build failure when deploying Node.js/React app
- no output in browser, nothing in the console
- React Redux TypeError this.props.setEmailText is not a function
- doSignInWithEmailAndPassword() is missing from firebase.auth()
- react onclick item of list
- How to.close accordion when clicked for the second time?
- Using material-ui with ecmascript6
- Type an incoming function
- Setting state object dynamically using the data returned using Promise.all and fetch API : React+Typescript
- Immutable JS - How to replace a list with a new list
- Showing nested excel data into one single data in json
- Inside callback function - always shows initial state
- OwlCarouse in React - strange behavior
- Adding a custom network to MetaMask with http address isn't working using wallet_addEthereumChain
- trying to conditionally style a react component but the style isn't applying
- Passing API Key
- React Monorepo yarn workspaces + typescript + absolute imports
- Where do i make axios/fetch calls in react applications while using Redux?
- Calculate the percentage of an object property
- Passing props from a navlink to a component React Router
- Delete Mutations not working in Prisma with GraphQL Nexus