react-native error when going over tutorial at react native site

Question

I am a complete beginner, so please provide some explanation.

I am following react-native tutorial at https://facebook.github.io/react-native/releases/0.19/docs/tutorial.html

I run command to init project, I just call it Movies instead of AwesomeProject as the tutorial explains.

Then I copied the complete code from the bottom of the tutorial into my index.ios.js, save the project and refreshed emulator and I get this error

error: bundling failed: "TransformError:
/Users/dinob/reactnativework/Movies/index.ios.js: 
Unexpected token ) (While processing preset:
"/Users/dinob/reactnativework/Movies/node_modules/
babel-preset-react-native/index.js")"

React-native-cli: 2.0.1 React-native: 0.47.1 React: 16.0.0-beta.2

Answer 1

What I can see is, the tutorial you're following is for RN 0.19 while the newest stable version is 0.47. All the examples codes inside those use the older ES5 syntax and the not newer class based syntax that came in ES6/ES2015

Firstly, please make sure you're following the newest tutorial version and its code. You can do that from here. https://facebook.github.io/react-native/docs/tutorial.html The error which I can see there is related to a babel transform and could possibly be attributed to newer version of React Native plus a newer version of React running older code. So you should probably start with a newer tutorial and take it from there. Also, the use of react-native-cli is now depreciated. You should use create-react-native-app to start a new project. It's all in the docs.

Hope it helps!