How to initialize React Native project

Question

Please note I have read the documentation and I'm referencing the point where the error happens as well as the steps I have taken. Please don't advice me to follow the instructions that I have already indicated I have followed.

After following the documentation of React Native to the best of my ability, I have been unable to get React Native to run. I have installed jdk, node, and Android Studio as instructed (using Chocolatey and links). The Android Emulator runs from Android Studio. I'm using npm version 6.1.0, node version 8.4.0, jdk 8, Android Studio 3.1.3. The error I get after react-native init AwesomeProject is SyntaxError: Unexpected token import. What did I do wrong? How can I fix this? Running react-native run-android also gives the same error.

To be clear, I'm in the proper directory. ANDROID_HOME is set to the proper sdk folder. There is a heading, Running your React Native application, and running the first command leaves me with the error, but I don't get an error before that point.

You cannot run react-native run-android without first cd-ing to you React Native project and you cannot have a have a React Native project until successfully running react-native init YourProjectName. Since it sounds like import is not defined, I would make sure your project is using Node version 8.4.0. What happens when you run node -v? — sdfsdf
– sdfsdf, Commented Jul 5, 2018 at 17:21
@MichaelL. I'm using npm version 6.1.0, node version 8.4.0, jdk 8, Android Studio 3.1.3. — haleonj
– haleonj, Commented Jul 5, 2018 at 17:28
initializing a React Native project shouldn't have anything to do with Android Studio. My only answer would either be you did not follow the directions exactly or you have an environment variable (probably at the root of your computer) that overrides something during React Native init. If the problem seems hopeless, you could try using snack.expo.io. — sdfsdf
– sdfsdf, Commented Jul 5, 2018 at 17:37
First Create a Folder on your any drive then navigate to that folder from command prompt/ terminal the fire command react-native init (ProjectName) this will start building project for you. — Ankit Tale
– Ankit Tale, Commented Jul 5, 2018 at 17:48
The project builds, but I get an error at AwesomeProject\node_modules\react-native\local-cli\cliEntry.js:30, namely the line import type {CommandT} from './commands';. — haleonj
– haleonj, Commented Jul 5, 2018 at 18:50

desertnaut · Accepted Answer · 2025-01-07 00:04:14Z

23

install npm
install react native cli => npm install -g
react-native-cli && npm install -g react-native (admin or sudo)
react-native init MyProject
cd Myproject
react-native run-ios or run-android

edited Jan 7 at 0:04

desertnaut

60.8k32 gold badges155 silver badges183 bronze badges

answered Jul 5, 2018 at 17:48

tetar

8921 gold badge11 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bellash · Accepted Answer · 2021-06-04 13:48:48Z

8

Update node to the latest version.
npm install -g react-native-cli.
npx react-native init newProject.

Since you install react native globally you don't need to use npx packages anymore just try

react-native init newProject

edited Jun 4, 2021 at 13:48

Bellash

8,2776 gold badges57 silver badges95 bronze badges

answered Dec 13, 2020 at 6:47

cmcodes

1,9001 gold badge22 silver badges25 bronze badges

Comments

desertnaut · Accepted Answer · 2025-01-07 00:03:31Z

6

Update Sep, 2024.

If you previously installed a global react-native-cli package, please remove it as it may cause unexpected issues:

npm uninstall -g react-native-cli @react-native-community/cli

npx @react-native-community/cli@latest init AwesomeProject

[Optional] Using a specific version or template

npx @react-native-community/[email protected] init AwesomeProject --version X.XX.X

Related Docs

edited Jan 7 at 0:03

desertnaut

60.8k32 gold badges155 silver badges183 bronze badges

answered Sep 10, 2024 at 3:46

sar lavi

1111 silver badge7 bronze badges

Comments

Dharman · Accepted Answer · 2022-07-09 21:56:18Z

1

Assuming that you have Node 14 LTS or greater installed, you can use npm to install the Expo CLI command line utility:
npm install -g expo-cli
Then run the following commands to create a new React Native project called "AwesomeProject":
expo init AwesomeProject

cd AwesomeProject
npm start

Source: React Native Environment Setup

edited Jul 9, 2022 at 21:56

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Jul 3, 2022 at 10:48

Ori

6427 silver badges19 bronze badges

Comments

Fedor · Accepted Answer · 2024-11-11 17:57:41Z

1

using this command you can select the template in react native setup

npx create-expo-app --template

edited Nov 11, 2024 at 17:57

Fedor

24.7k45 gold badges59 silver badges188 bronze badges

answered Nov 11, 2024 at 16:30

DASH BYTE

112 bronze badges

Collectives™ on Stack Overflow

How to initialize React Native project

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related