React-native – TransformError with babel-preset-react-native/index.js

react-native

I'm brand new to react-native, and trying to render my first bit of text on the screen.

When I run react-native run-ios and then click into my sample app, I see the following error:

index.js DOES exist in my project, with the following code:

'use strict';
module.exports = require('./configs/main');

So far, I have tried the following:

1) Re-installing npm for babel-preset-react-native

2) Using yarn to remove and then re-add babel-preset-react-native
yarn remove babel-preset-react-native
yarn add babel-preset-react-native@2.1.0

3) Deleting babel.rc entirely

Nothing has worked. Eager to hear advice and suggestions for other things to try.

This is bug in the new version of babel-preset-react-native as it will added automatically after you run react-native init command

Workaround, try to change the version:

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

if that's not work for you, try to remove trailing comma at node_modules/babel-preset-react-native/configs/main.js at this code below