[android / ios] bundling failed: "TransformError #15513

esganzerla · 2017-08-16T15:21:01Z

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

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)
node -v: v7.10.0
npm -v: 4.2.0
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

react-native init rn_reproduce_transform_error
cd rn_reproduce_transform_error
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.

The text was updated successfully, but these errors were encountered:

tmartres · 2017-08-16T15:55:44Z

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.

kamavingah · 2017-08-16T16:02:14Z

+1

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

amerej · 2017-08-16T16:03:09Z

@tmartres Restarting don't work for me

esganzerla · 2017-08-16T16:10:47Z

Restarting didn't help here too.

esganzerla · 2017-08-16T16:20:00Z

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 · 2017-08-16T17:11:40Z

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 · 2017-08-16T17:46:53Z

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?

react-native/local-cli/init/init.js

Line 91 in a54d449

`jest babel-jest babel-preset-react-native react-test-renderer@${reactVersion}`

cc @ericnakagawa who's on call.

charpeni · 2017-08-16T17:53:08Z

@facebook-github-bot label Tooling

sachinwak · 2017-08-16T18:09:48Z

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

ivanzotov · 2017-08-16T18:10:03Z

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

ivanzotov · 2017-08-16T18:12:29Z

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

ivanzotov · 2017-08-16T18:14:53Z

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

charpeni · 2017-08-16T18:18:12Z

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

react-native/babel-preset/configs/main.js

Line 40 in 6ad7e82

],

ivanzotov · 2017-08-16T18:23:02Z

@charpeni exactly

cpojer · 2017-08-16T19:51:56Z

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

Reviewed By: mjesun Differential Revision: D5631078 fbshipit-source-id: a8d4955a723c1846b9406e734c3e3fa2c0df3fb7

Ibrokola · 2017-08-17T08:40:36Z

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.

Ibrokola · 2017-08-17T10:12:17Z

Did you delete node_modules if not delete node_modules and run npm install. I am certain it will work.

…

On Thu, Aug 17, 2017 at 4:02 AM, ShubhamBabhulkar ***@***.***> wrote: npm add ***@***.*** Command not Work, please give me any Solution — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#15513 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ALDc7zu166CVKRCKtLVtZaoWhWTWxOQyks5sZA-jgaJpZM4O5FBE> .

mohammedhammoud · 2017-08-17T12:00:34Z

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

gedeagas · 2017-08-17T17:06:32Z

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

coryarmbrecht · 2017-08-17T20:13:48Z

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.

guoliang1206 · 2017-08-18T07:21:50Z

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

ShubhamBabhulkar · 2017-08-18T11:59:49Z

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

ShubhamBabhulkar · 2017-08-18T12:03:30Z

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

Ibrokola · 2017-08-18T12:07:28Z

@ShubhamBabhulkar, I think there's a bug 🐜 in 3.0 that needs to be fixed...

…

On Fri, Aug 18, 2017 at 1:34 AM ShubhamBabhulkar ***@***.***> wrote: Nice @Ibrokola <https://github.com/ibrokola>, But we need to do same thing every time? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#15513 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ALDc79xluQWLtQPHtA5VDmM3fFtHIR3xks5sZT58gaJpZM4O5FBE> .

cheng-kang · 2017-08-18T12:40:00Z

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
});

cyorobert · 2017-08-19T19:29:38Z

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

zhiyingzzhou · 2017-08-20T14:46:57Z

@ShubhamBabhulkar it works for me,thank you!

golestanirad · 2017-08-20T18:54:11Z

@Ibrokola thanks worked for me.

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

zuhrisaifudin · 2017-08-20T20:24:44Z

this works ..thanks guys

SambitPrakash · 2017-08-21T06:34:12Z

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

GuiMend · 2017-08-21T12:54:44Z

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

jmgallo55 · 2017-08-22T05:11:23Z

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

npm install --save-dev babel-preset-react-native@2.1.0
npm install
react-native run-android

varunagg45 · 2017-09-01T06:49:25Z

@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.

nikkwong · 2018-06-04T04:49:32Z

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 | }

sujitpk-perennial · 2018-07-11T06:54:31Z

@nikkwong are you able to solve this issue?

esganzerla mentioned this issue Aug 16, 2017

0.47.1 Build iOS Error #15496

Closed

facebook-github-bot added Tooling Ran Commands One of our bots successfully processed a command. labels Aug 16, 2017

ivanzotov mentioned this issue Aug 16, 2017

Fix TransformError issue for babel-preset-react-native #15516

Closed

charpeni mentioned this issue Aug 16, 2017

Fix Unexpected token ) in babel-preset-react-native #15517

Closed

ivanzotov referenced this issue Aug 16, 2017

metro-bundler: transform import() to basic require()

aaae99e

Reviewed By: mjesun Differential Revision: D5631078 fbshipit-source-id: a8d4955a723c1846b9406e734c3e3fa2c0df3fb7

elicwhite mentioned this issue Aug 16, 2017

Make prospective syntax compatible #15510

Closed

facebook-github-bot closed this as completed in f69638b Aug 16, 2017

arufian mentioned this issue Aug 17, 2017

[Getting Started] react-native run-ios got error: TransformError - Unexpected token #15524

Closed

charpeni mentioned this issue Aug 17, 2017

react-native response error code 500 #15534

Closed

charpeni mentioned this issue Aug 18, 2017

error: bundling failed: "TransformError [...] (While processing preset: node_modules [... \\babel-preset-react-native\\index.js")" #15545

Closed

divyakoshy mentioned this issue Aug 19, 2017

react-native transform error on default AwesomeProject (unknown corruption from fresh reinstall) #15559

Closed

duanj3 mentioned this issue Aug 20, 2017

Bundling 'index.android.js' [development, non-minified, hmr disabled] 0.0%(0/1), failed #15575

Closed

hawkrives mentioned this issue Aug 22, 2017

Update babel-preset-react-native to the latest version 🚀 StoDevX/AAO-React-Native#1454

Merged

douglasjunior mentioned this issue Aug 28, 2017

The development server returned response error code: 500 douglasjunior/react-native-easybluetooth-classic#5

Closed

facebook locked as resolved and limited conversation to collaborators Aug 16, 2018

react-native-bot added the Resolution: Locked This issue was locked by the bot. label Aug 16, 2018

[android / ios] bundling failed: "TransformError #15513

[android / ios] bundling failed: "TransformError #15513

Comments

esganzerla commented Aug 16, 2017

Is this a bug report?

Have you read the Contributing Guidelines?

Environment

Steps to Reproduce

Expected Behavior

Actual Behavior

Reproducible Demo

Notes

tmartres commented Aug 16, 2017

kamavingah commented Aug 16, 2017

amerej commented Aug 16, 2017

esganzerla commented Aug 16, 2017

esganzerla commented Aug 16, 2017

jarecsni commented Aug 16, 2017

charpeni commented Aug 16, 2017 • edited Loading

charpeni commented Aug 16, 2017

sachinwak commented Aug 16, 2017

ivanzotov commented Aug 16, 2017 • edited Loading

ivanzotov commented Aug 16, 2017

ivanzotov commented Aug 16, 2017 • edited Loading

charpeni commented Aug 16, 2017 • edited Loading

ivanzotov commented Aug 16, 2017

cpojer commented Aug 16, 2017

Ibrokola commented Aug 17, 2017

Ibrokola commented Aug 17, 2017 via email

mohammedhammoud commented Aug 17, 2017 • edited Loading

gedeagas commented Aug 17, 2017

coryarmbrecht commented Aug 17, 2017

guoliang1206 commented Aug 18, 2017

ShubhamBabhulkar commented Aug 18, 2017

ShubhamBabhulkar commented Aug 18, 2017

Ibrokola commented Aug 18, 2017 via email

cheng-kang commented Aug 18, 2017

cyorobert commented Aug 19, 2017

zhiyingzzhou commented Aug 20, 2017

golestanirad commented Aug 20, 2017 • edited Loading

zuhrisaifudin commented Aug 20, 2017

SambitPrakash commented Aug 21, 2017

GuiMend commented Aug 21, 2017

jmgallo55 commented Aug 22, 2017

varunagg45 commented Sep 1, 2017

nikkwong commented Jun 4, 2018 • edited Loading

sujitpk-perennial commented Jul 11, 2018

charpeni commented Aug 16, 2017 •

edited

Loading

ivanzotov commented Aug 16, 2017 •

edited

Loading

ivanzotov commented Aug 16, 2017 •

edited

Loading

charpeni commented Aug 16, 2017 •

edited

Loading

mohammedhammoud commented Aug 17, 2017 •

edited

Loading

golestanirad commented Aug 20, 2017 •

edited

Loading

nikkwong commented Jun 4, 2018 •

edited

Loading