[android / ios] bundling failed: "TransformError

[esganzerla]

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

1. react-native -v:
   react-native-cli: 2.0.0
   react-native: n/a - not inside a React Native project directory
   (I was inside the folder, version is: 0.47.1)
2. node -v: v7.10.0
3. npm -v: 4.2.0
4. yarn --version: 0.17.10

Then, specify:

• Target Platform: Android, iOS
• Development Operating System: macOS Sierra 10.12.6
• Build tools: Using Xcode 8.3.3 and Android Studio 2.3

Steps to Reproduce

1. react-native init rn_reproduce_transform_error
2. cd rn_reproduce_transform_error
3. react-native run-ios or react-native run-android

Expected Behavior

Should show the default "Welcome to React Native!" screen.

Actual Behavior

Same error occurs when I tried to update RN version to 0.48.0-rc.1

Reproducible Demo

https://github.com/esganzerla/rn_reproduce_transform_error

Notes

• This happens both on android and iOS.
• I saw some people having the same problem on issue 0.47.1 Build iOS Error #15496.

[tmartres]

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.

[phillipwinder]

+1

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

[amerej]

@tmartres Restarting don't work for me

[esganzerla]

Restarting didn't help here too.

[esganzerla]

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.

[jarecsni]

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.

[charpeni]

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?
https://github.com/facebook/react-native/blob/a54d449e947afc609a404a699494902823fbbf5e/local-cli/init/init.js#L91

cc @ericnakagawa who's on call.

[charpeni]

@facebook-github-bot label Tooling

[sachinwak]

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

[ivanzotov]

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

[ivanzotov]

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

[ivanzotov]

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

[charpeni]

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

https://github.com/facebook/react-native/blob/6ad7e8281b37ee2ce6425363c0b17420d056807a/babel-preset/configs/main.js#L40