React Native: Unable to import React headers after updating to 0.60

Question

After updating to React Native 0.60 the header linking does no longer work.

I'm having problems linking from the React library during build:

/Users/User/Developer/Project/node_modules/react-native-image-resizer/ios/RCTImageResizer/RCTImageResizer.m:12:9: fatal error: 'React/RCTImageLoader.h' file not found
#import <React/RCTImageLoader.h>
        ^~~~~~~~~~~~~~~~~~~~~~~~

What changed in 0.60:

• The file RCTImageLoader.h is now at /node_modules/react-native/React/CoreModules.
• The file React.xcodeproj that contained these headers is no longer present

Answer 1

There were many changes in React Native 0.60, one of the main ones is that React modules are now packaged using CocoaPods, which replaces header linking.

I recommend you generate a new project in 0.60+ and check out its project structure (mainly the Podfile). You can also use the upgrade helper to see what's changed.

Answer 2

It took me 3 hours. Finally I found the solution:

Use specific version 1.1.0 by running the command:

npm install [email protected]  

Then run the command:

cd ios && pod install