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

Question

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 [email protected]

3) Deleting babel.rc entirely

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

arufian arufian · Accepted Answer · 2017-08-18T16:23:55

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 [email protected]

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