React/RCTEventEmitter.h file not found

Question

I am trying to implement PushNotificationIOS with a detached Expo app. I am running SDK 21.0.0 (React Native 0.48).

I am getting React/RCTEventEmitter file not found

I have completed the following steps:

• Open my .xcworkspace project
• Drag the RCTPushNotification.xcodeproj into my Libraries folder
• Added libRCTPushNotification.a into App > Build Phases > Link Binary With Libraries
• Added $(SRCROOT)/../node_modules/react-native/Libraries under Header Search Paths - I also tried without the /../. I have a bunch of Pods in the Header Search Paths list too.

I then added the following into AppDelegate.m but when I click through to the file (⌘ + click), I get a question mark.

#import <React/RCTPushNotificationManager.h>

If I change it to the below, it works, I can click through

#import "RCTPushNotificationManager.h"

However, this is my problem

When I clean and build my project, I get the below error in RCTPushNotificationManager.h to say:

'React/RCTEventEmitter.h' file not found

Answer 1

@Dan I have ran into this exact same issue, it also occurs for RCTLinking, and other libraries dependent on eventEmitter.h and a detached Expo project.

The issue turns out to be that RCTPushNotification doesn't have the reference to React from Cocoapods file React since Expo manages React in Cocoapods. So you should go into RCTPushNotification.xcodeproj then into Targets - RCTPushNotification Header Search Paths and add the link to "ios/Pods/Headers/Public/React" and set to recursive.

The easiest way to do the above is navigate to your iOS/Pods/Headers/Public/React and drag and drop the folder straight into build settings for header search paths like the below image.

Heads up finally after this you will have to reference ReactCommon/yoga most likely as well, ReactCommon/yoga however should be in your 'node_modules/react-native/ReactCommon/yoga'

Answer 2

This works for me on detached Expo project

"react": "16.6.3",
"react-native": "0.58.6",

Add 'RCTPushNotification' to your pod and run pod install

pod 'React', :path => '../node_modules/react-native', :subspecs => [    
    'RCTPushNotification',
  ]

Answer 3

Since nothing mentioned above worked for me, I started experimenting, and this is what solved it for me:

1. Link React-Core & Public

As mentioned by Escamilla, in xcode open the RCTPushNotification.xcodeproj and under Build Settings search for header search path and add there the 2 path:

• "$(SRCROOT)/../../../../ios/Pods/Headers/Public"
• "$(SRCROOT)/../../../../ios/Pods/Headers/Public/React-Core"

2. Copy RCTPushNotificationManager.h manually into React-Core

In the root folder of your project execute:

cp ./node_modules/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.h ./ios/Pods/Headers/Public/React-Core/React

This will copy RCTPushNotificationManager.h wich is in node_modules/react-native/Libraries/PushNotificationIOS/ manually into the React folder which is in ios/Pods/Headers/Public/React-Core/React.

---

I have no idea if that is a good solution but it works. Maybe if someone could explain me why it was not in there in the first place? That would be golden.

I followed the setup instructions 1 by 1 very carefully doing everything right but nothing worked except the manual copy mentioned above…

Also, this is randomly resetted once in a while and has to be done again -.-'

Answer 4

1. Open up your project in XCode.
2. Open up the Libraries folder. You should see React.xcodeproj and several RCT*.xcodeproj.
3. Drag the React.xcodeproj into each of the other projects.
4. Click on each project and navigate to the Build Phases tab.
5. Click on Target Dependencies and add React as a target dependency