Solution: CocaPods + Podfile + use_frameworks! + Hybrid App + <React/RCTComponent.h> file not found

[olegserov]

This is not a bug report, because the same bug was reported a dozen times and no one seems to have a fix. If maintainers wish incorporate this ticket into the doc - would be nice.

Steps to reproduce:

1. You follow current install instructions.
2. You use use_frameworks
3. You try to compile and it fail endlessly on:
   #import <React/RCTComponent.h> file not found
#import <React/RCTView.h> file not found
#import <React/RCTViewManager.h> file not found
Entry, ":CFBundleIdentifier", Does Not Exist

The root cause of the issue:

1. You have to use use_frameworks
2. This screws up somehow include paths and even if you fix it manually, down the line includes do not work.
3. You added this to your Podfile

post_install do |installer|
  installer.pods_project.targets.each do |target|
    if target.name == 'react-native-google-maps'
      target.build_configurations.each do |config|
        config.build_settings['CLANG_ENABLE_MODULES'] = 'No'
      end
    end
    if target.name == "React"
      target.remove_from_project
    end
  end
end

4. That change excludes react from compiling and providing proper include location.
5. If you don't do that change - react fails to be build by some other unknown reason.
6. The solution

• • Undo all the attempts you made before.
• • Install react-native-maps thru pods with no custom hacks.
• • Make react-native compile by using manual or these fixes: https://github.com/orta/cocoapods-fix-react-native
• • Fix React > Make React compile as a framework > Make react-native-maps compile > Profit

How to fix it:

1. Remove all the manual links to react-native-maps
2. Do a backup first.
3. Do not follow documentation about changing Podfile.
4. I am not sure that you must not run react-link.
5. Delete these files:
   rm -rfv node_modules ios/Pods ios/Podfile.lock ios/build yarn.lock
6. Updated pakage.json to:

"dependencies": {
    "husky": "^0.14.3",
    "react": "^16.4.0",
    "react-native": "^0.55.4",
    "react-native-maps": "^0.21.0",
    "react-native-vector-icons": "^4.6.0",
    "react-navigation": "^2.3.1",
    "prop-types": "^15.6.1"
  }

7. Update Podfile:

# Uncomment the next line to define a global platform for your project
platform :ios, '11.0'
#plugin 'cocoapods-fix-react-native'
target 'ReactNativeSandbox' do
    use_frameworks!

    pod 'React', :path => '../node_modules/react-native', :subspecs => [
        'Core',
        'CxxBridge',
        'DevSupport',
        'RCTActionSheet',
        'RCTGeolocation',
        'RCTText',
        'RCTNetwork',
        'RCTWebSocket',
        'RCTNetwork',
        'RCTVibration',
        'RCTSettings',
        'RCTAnimation',
        'RCTLinkingIOS',
        'RCTImage',
    ]

    pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
    pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
    pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
    pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
    pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'
    pod 'react-native-maps', path: '../node_modules/react-native-maps'
end

8. Install https://github.com/orta/cocoapods-fix-react-native but keep it commented in Podfile
9. Run yarn install in the root project (were is your package.json is)
10. Run pod install in the ios directory (where Podfile is)
11. Uncomment plugin 'cocoapods-fix-react-native' in the Podfile and run pod install again.
12. Now you can build ios project.

[thanhdevapp]

Can someone give me sample code or proof when following this tutorial, I take too long to install for ios but it still does not work

[ttruongatl]

It works!

[emilefleming]

I followed the tutorial but am getting a build error in RCTWebSocket, 'React/fishhook.h' file not found. Did you encounter that at all along the way?

[olegserov]

@emilefleming no, I have not seen that error unfortunately...

[whalemare]

Not works for "react-native": "0.59.1" by

[!] CP-Fix-React-Native does not support 0.59.1 yet, please send PRs to https://github.com/orta/cocoapods-fix-react-native

[rares-lupascu]

confirm not working on "react-native": "0.59.8"

[devanshAppiness]

confirm not working on "react-native": "0.59.8"

React/RCTViewManager.h' file not found
Even i am facing this for iOS. Any solution?

[sinclas]

I have this issue now after upgrading to RN 0.60.0 . I ran the pod installation exactly from the have. I have a production release that is now getting pushed back. I have no idea other than to revert back from my git repository and start all over? Anybody? Should I just us IOS maps and skip google maps in ios?

[erhanbicer]

not working "react-native": "0.61.5"

[shaikhaffan]

@erhanbicer did it work! if then how u did ? i tried so many ways but nothing works

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.