paint-brush
React Native and XCode 10by@sanjaypojo
17,980 reads
17,980 reads

React Native and XCode 10

by Sanjay GuruprasadOctober 3rd, 2018
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

If you’re trying to get react-native working with XCode 10 and encountering a bunch of mysterious errors, here’s what you do. This is for just getting a brand new React-native app working using react-Native init. You might have to do lots of other fun things if you have an existing project. For folks with an existing app who upgraded to XC 10, you probably have other issues and this might serve as a good starting point.Fixing babel runtime just install @babel/runtime.
featured image - React Native and XCode 10
Sanjay Guruprasad HackerNoon profile picture

How do you get react-native init to work for now

Note: This is for just getting a brand new react-native app working using react-native init. I haven’t tried it with CRNA. You might have to do lots of other fun things if you have an existing project.

So, if you’re trying to get react-native working with XCode 10 and encountering a bunch of mysterious errors, here’s what you do.

Change the build setting to legacy

First, open your project in XCode by double-clicking on ios/<YourApp.xcodeproj>.Then go to File > Project Settings …Change the Build System to Legacy Build System in Per-User Project Settings.

Fix babel runtime

Just install @babel/runtime as a dev dependency (https://github.com/facebook/react-native/issues/21310).

npm install @babel/runtime --save-dev
# OR
yarn add @babel/runtime --dev

For folks with an existing app who upgraded to XCode 10, you probably have other issues and this might serve as a good starting point.