score:325
You can create a new React app in the current directory by writing .
instead of a project name.
create-react-app .
score:-10
if your are using the latest version of Nodejs so you can use this code:
npx create-react-app your-app-name
you check Node version by this code:
node --version
it shall be above v10
score:0
create-react-app .
I've found this very useful for separating my client and server into individual directories underneath a parent project directory. This way you can keep your server and client seperate and easily know which API's are working as expected.
score:0
This works for me.
npx create-react-app .
- First go to the directory where you want to create react app.
- Then run the command
npx create-react-app .
- simply putting a dot(.) instead of project name.
N.B:
If you install create-react-app
package directly via npm by this command npm install create-react-app
, then you have to run the following command to create react app in current directory create-react-app .
(no need to add npx then).
score:0
Navigate to the project file and then create your app using this command
Example: D:\REACT JS PROJECTS\20-e-commerce-website> npx create-react-app .
score:2
npx create-react-app . my-app --template typescript
score:2
You can create a new React app in the current directory by writing ./ instead of a project name.
Run that command in Your terminal>
npx create-react-app ./
ex.-
PS E:\React Course\covid-19-state-vice-cases>npx create-react-app ./
score:3
When you use create-react-app app-name
, the part that comes after create-react-app
tells CRA where to create a react app. So create-react-app app-name
is actually telling CRA to create a react app in a new directory called 'my-app'. This can cause lots of issues with deployment for the inexperienced developer.
By using npx create-react-app .
we can tell CRA to create a react app here or in the current directory. This will help prevent any issues which may come from not having your react app directly in the root directory of your project or repo.
score:3
You simple type . instead of react-app-name
npx create-react-app .
If you have already had any folder name which starts with . then you will get an error. You need to remove the folder and then try above command
score:4
Creating a text project in the current directory you're in is as simple as running the below command.
npx create-react-app .
Or this when you have create react app installed globally.
create-react-app .
One important thing i want you to notice is the full stop (or period or dot) at the end of every command. That full stop indicates that you want to create the app in the current folder.
I hope this helps
score:5
this is very simple
npx create-react-app .
Note: make sure your folder name start with lowercase
score:8
In my case, I was using Windows PowerShell and npx create-react-app ./
didn't work for me, so I ended up using this instead -
npx create-react-app .
score:21
The following works only if your current directory complies with npm naming restrictions.
npx create-react-app .
The current directory must:
- contain only URL friendly characters
- no capital letters
E.g., current directory cannot be named "React App". It must be "react-app".
score:86
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.
For a new version of create-react-app
(v3):
npx create-react-app .
Please pay attention to a full stop(dot) at the end of your command .
which corresponds to a current directory
Source: stackoverflow.com
Related Query
- How to create a React app directly in the current folder
- How to rename the folder created by create react app?
- How do I set system preference dark mode in a react app but also allow users to toggle back and forth the current theme
- How to get the current domain name a react app is running on
- How to determine the order of css in my create react app build with webpack and customize-cra?
- How create a react app with a specific version using the npx command?
- How to change the publicPath in Create React App
- How to I prevent user from accessing the page of my react app directly by entering the URL, and redirect them back to login page
- How can I get rid of the `Node "13.0.0-nightly20190802452b393c1f"` so that I can be able to create a react app using the `create-react-app` tool?
- How to create a play against the computer function to my react app
- I create a build of my react app and connected with electron.js. now how to connect my backend from server folder with electron
- How do i have an assets file that i can use in any file in my react app without always having to navigate to the assets folder
- How do i Change Create react app folder structure
- Not able to create an optimized build for my React app in the build folder
- How to show a loading indicator in React Redux app while fetching the data?
- What is the difference between NextJs and Create React App
- How to create multiple page app using react
- How to detect the device on React SSR App with Next.js?
- The react-scripts package provided by Create React App requires a dependency:
- How to not show warnings in Create React App
- Create React App 4.0 cannot resolve image path in public folder
- You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App
- How to include custom JS files in to React create app
- How to inject port and host using ENV variable in Create React App Proxy settings?
- How to load the google maps api <script> in my react app only when it is required?
- How to fix TypeError _interopRequireDefault is not a function in Create React App
- How to compress the files using gzip in react app
- What's the easiest way to use Create React App with Relay?
- How to use yarn to create a React app project?
- How to create a preview (Image and description) to the Url when shared link on Social media,Gmail and Skype using React JS?
More Query from same tag
- How to check if iframe content is loaded in react
- eval an input string on button press in react
- destructing alternatives for hooks
- How can I retrieve the array inside the firestore document?
- React Router | Component not getting rendered
- Could not find router reducer in state tree, it must be mounted under "router"
- Styled components, toggle state with mapped buttons
- 'value' is attached to all hooks
- Radio button with label align vertical
- This site can’t be reached docker-compose
- React / TypeScript serviceWorker Update function warning how to resolve
- why won't anyting append to data?
- React Native Test Error - Unable to find node on an unmounted component
- force update same route using route router v4
- Migration to material-ui v4, I get warning for Modal component
- Using a sibling combinator in material ui usestyles
- Warning: validateDOMNesting(...): <table> cannot appear as a child of <tr>
- ReactJS Get Children PropTypes
- How to user babel emotion macro in create-react-app?
- Reactjs, Styling each element of array with different styles
- REACTJS Add a condition to .map to check if the element is contained in an array
- Automatically Populate list on webpage startup - React, Redux, Firebase
- How can I have only one onChange for several inputs in reacthooks?
- Prevent data refresh in React-Query by data hash matching
- How to change the border color of a single row in react-table
- How to communicate from Child Component to Parent Component with React Router
- How to scroll a div automatically with button onClick
- × React - fetch('/') won't hit index route in Express.router
- css animation - make footer move up to down
- React Redux - how to derive and then aggregate data in mapStateStateToProps using a selector?