Had the same issue and after restarting my computer the issue went away for me. You might have to just close and restart your terminal and simulator too.

+1

experiencing the same issue on run-android aswell as run-ios

@tmartres Restarting don't work for me

Restarting didn't help here too.

I've just found a workaround:

yarn remove babel-preset-react-native
yarn add babel-preset-react-native@2.1.0

The hole is probably deeper, but that is works for me.

I've tried to create a new RN app by RNCA (Expo) and then eject it. Works perfectly fine, although it runs on React Native 0.46.1, so I'm guessing this is an issue with 0.47.

Thank you for reporting and for the workaround @esganzerla.

It seems an issue with babel-preset-react-native@3.0.0 that was released earlier.

@jeanlauliac How should we fix this issue? Add a specific major version in react-native-cli? Or something has been planned?

cc @ericnakagawa who's on call.

@facebook-github-bot label Tooling

uninstalling and installing babel-preset-react-native works for me thanks a lot @esganzerla

Spent a lot of time trying to fix this issue, PR #15516 but I still don't understand why it works.

I just moved plugins from plugins.push(... to const plugins = [...]

@cpojer any ideas? it seems these changes break it – 4caf794

It's because trailing commas in function parameter lists are not supported.

@charpeni exactly

Needs node 8. Feel free to remove that and the @Format annotation, I guess.

It is a bug an the work around that worked for me was to edit dependency of babel in package.json to "babel-preset-react-native": "2.1.0". After which I deleted node_modules and re-installed the npm (npm install). Then it worked like a charm.

This fixed it for me:
yarn add react@16.0.0-alpha.12 react-test-renderer@16.0.0-alpha.12

Thx a lot dude @esganzerla , your workaround fixed my problem

Since I'm not using yarn, @Ibrokola 's solution fixed it for me (Thanks!), but I'm curious about what that version jump (3 -> 2) could do.

for my case , it need execute npm install babel-preset-react-native@2.1.0 --save-dev , it works for me .

For npm Following Command are work for me
$ npm uninstall babel-preset-react-native
$ npm install babel-preset-react-native@2.1.0

If you Still Getting Problem in babel-preset-react-native then try Following Process

package.json

"dependencies": {
"react": "16.0.0-alpha.12",
"react-native": "0.47.1",
"babel-preset-react-native": "2.1.0" --------->Here
},

Delete 'Node_modules' folder from react native project manually
and run followinf Commands in react native project
$ npm install
$ npm start -- --reset-cache
$ react-native run-android

Check index.ios.js, see if there is a trailling comma. If so, delete it. It works for me.

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
  // ↑ here, delete it
});

@Ibrokola's solution fixed this issue for me. Thanks!

@ShubhamBabhulkar it works for me,thank you!

@Ibrokola thanks worked for me.

1. delete node_modules folder
2. go to package.json and change babel-preset-react-native: 3.0.0" to babel-preset-react-native: 2.1.0"
3. run "npm install"

this works ..thanks guys

@esganzerla thank you a lot. I uninstall yarn and reinstall it. It worked for me.

thanks a lot @esganzerla, i installed yarn and then added that babel-preset... and it worked for me!

Hey Guys-
Nothing new, just writing what worked for me:

1. npm install --save-dev babel-preset-react-native@2.1.0
2. npm install
3. react-native run-android

@cheng-kang your answer worked. I did all the steps necessary, yarn delete yarn add, npm install, uninstall, babel preset version upgrades but nothing worked but your solution.

I'm running into this in babel-preset-react-native: ^5.0.0. Anyone else having this problem? I've tried several different versions of babel-preset-react-native and haven't had any luck. Been debugging it for 7-8 hours now. Clearing xcode caches, npm caches, deleting and reinstalling pods, node modules, restarting process on :8081, where else could this be coming from? ...

error: bundling failed: SyntaxError: /nikkwong/index.js: Unexpected token < (19:12)
  17 |     render() {
  18 |         return (
> 19 |             <View>Hi</View>
     |             ^
  20 |         )
  21 |     }
  22 | }

@nikkwong are you able to solve this issue?