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

[tudor2it]

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

No

Environment

1. react-native -v: react-native-cli: 2.0.1
2. node -v: v6.11.2
3. npm -v: 3.10.10
4. yarn --version: not using

Then, specify:

• Target Platform: Android

• Development Operating System: Windows 7 Professional SP1 x86_64

• Build tools: Android Studio 2.3.3, JRE 1.8.0_122, Android SDK Tools 26.0.2

Steps to Reproduce

(Write your steps here:)

1. D:\path\path>react-native init project
2. cd project
3. react-native run-android

Expected Behavior

The welcome React-Native screen should appear on the emulator screen.

Actual Behavior

It throws the below error:

React packager ready.

Loading dependency graph, done.
Bundling `index.android.js`  [development, non-minified, hmr disabled]  ░░░░░░░░░░░░░
Bundling `index.android.js`  [development, non-minified, hmr disabled]  0.0% (0/1), f
ailed.
Bundling `index.android.js`  [development, non-minified, hmr disabled]  ░░░░░░░░░░░░░
error: bundling failed: "TransformError: D:\\path\\path\\project\\index.android.js: Unex
pected token ) (While processing preset: \"D:\\\\path\\\\path\\\\project\\\\node_modules
\\\\babel-preset-react-native\\\\index.js\")"

Reproducible Demo

It is an empty standard project as it is described in https://facebook.github.io/react-native/docs/getting-started.html > Building Projects with Native Code.

[Kennytian]

some issue +1

@tudor2it work around: npm install --save-dev [email protected]

[emilioicai]

+1
@Kennytian workaround fixed it

[tudor2it]

@Kennytian Thank you for the solution. I have known about the workaround. The issue has appeared a few days ago and I've expected to disappear. But it is still there and it's frustrating that the react-native team didn't fix it. I'm desperate to finish a project and I'm only struggling with all kind of errors because versions of packages and compilers don't match.

[snoo-mpl]

+1
workaround didnt fix it in my app:

npm: 5.0.1
react-native-cli: 2.0.1
react-native: 0.47.1
node: v7.9.0

[charpeni]

@facebook-github-bot duplicate #15513

[facebook-github-bot]

Duplicate of #15513

[ShubhamBabhulkar]

for yarn used following Commands

yarn remove babel-preset-react-native
yarn add [email protected]

for npm used following Commands

npm uninstall babel-preset-react-native
npm install [email protected]

[oliverraf]

This works like a charm

@tudor2it work around: npm install --save-dev [email protected]

[kwesihackman]

workaround fixed it for me

[gjvpaet]

@Kennytian workaround fixed it thanks!

[uurtsaikhb]

@Kennytian workaround fixed it, thank you

[jmacias54]

@Kennytian fixed it, thank you so much

[vegano1]

@ShubhamBabhulkar This fixed my issue as well. Thank you.

[Ghayyas]

@Kennytian Great Thanks it works.. :+1:

[ChenYCL]

step1
npm install --save-dev [email protected]
step2
npm update

[duckdonghwan]

@Kennytian fixed it! Great Thanks it works.. :+1:

[lavarajallu]

Gettting this Error In Ios

TransformError: /Users/stellent/Desktop/terapanth/index.ios.js: Couldn't find preset "babel-preset-react-native-stage-0/decorator-support" relative to directory "/Users/stellent/Desktop/terapanth"

[Shaunakdas]

Getting similar error in android

Couldn't find preset "babel-preset-react-native-stage-0/decorator-support" relative to directory 

[tekslave]

1. Open '.babelrc' file in your project root and change the preset

{
  "presets": [
    "babel-preset-react-native-stage-0/decorator-support"
  ],
  "env": {
    "development": {
      "plugins": [
        "transform-react-jsx-source"
      ]
    }
  }
}

change to

{
  "presets": [
    "react-native"
  ],
  "env": {
    "development": {
      "plugins": [
        "transform-react-jsx-source"
      ]
    }
  }
}

[anderson9149]

npm reinstalls did not work for me. Only Yarn method

yarn remove babel-preset-react-native
yarn add [email protected]

[Poukai]

I am getting error: bundling failed: TypeError: Cannot read property 'bindings' of null

[wesleyguirra]

getting the same error here: Error: Cannot find module '@babel/core'

my package.json https://gist.github.com/wesleyguirra/11cdfbd8669b4783399a8a0bea29ce6a

[YouCii]

I love you ma~
@Kennytian

[empitechathu]

give this man (@Kennytian) a medal

[zhangmingnjun]

一直挣扎在版本，编译不匹配的坑里，rn team要加油！