'algorithm' file not found (since RN 0.53)

[JasperH8g]

Report

• I have searched existing issues and this is not a duplicate

☝️ However, this is very similar to this other issue. Could it be possible to fix these kind of errors in a bit more structural way? 🤔

Issues and Steps to Reproduce

We've got this in our PodFile:

pod 'React', :path => 'node_modules/react-native', :subspecs => [
  'Core',
  'CxxBridge',
  'DevSupport',
  'RCTText',
  'RCTNetwork',
  'RCTWebSocket',
  'RCTImage',
  'RCTAnimation',
]
pod 'yoga', :path => 'node_modules/react-native/ReactCommon/yoga'

Prior to ReactNative 0.53 this worked. After upgrading to the latest it doesn't.

Expected Behavior

A successful build

Actual Behavior

This error:

[ImL1s]

I have same problem...

[danieljvdm]

There are three lines in yoga-umbrella.h that won't build:

#import "YGNode.h"
#import "YGNodePrint.h"
#import "Yoga-internal.h"

You can remove them manually but the following cocoapods post install script fixes the issue:

def remove_unused_yoga_headers
    filepath = './Pods/Target Support Files/yoga/yoga-umbrella.h'
    
    contents = []
    
    file = File.open(filepath, 'r')
    file.each_line do | line |
        contents << line
    end
    file.close
    
    contents.delete_at(14) # #import "YGNode.h"
    contents.delete_at(14) # #import "YGNodePrint.h"
    contents.delete_at(14) # #import "Yoga-internal.h"
    
    file = File.open(filepath, 'w') do |f|
        f.puts(contents)
    end
end

post_install do | installer |
    remove_unused_yoga_headers
end

Full disclosure, I have no clue what these headers are meant for and thus there could be some side effects with this script. However, my app seems to be running without issues.

[sanjayiothakur]

I'm seeing this issue as well. After removing those lines in yoga-umbrella.h, I'm getting:

umbrella header for module 'yoga' does not include header 'YGNode.h' 
#import "Headers/yoga-umbrella.h"
^
<module-includes>:1:1: error: umbrella header for module 'yoga' does not include header 
<module-includes>:1:1: error: umbrella header for module 'yoga' does not include header 'Yoga-internal.h'

Which totally makes sense after removing those lines.

This seems to be an issue in RN 0.52.X as well: #697

I think the only solution for me right now is to back-up to 0.51.0.

[JasperH8g]

The workaround from @danieljvdm seems to work. Would be nice if we don't need this kind of black magic though 😅

[MarkMolina]

Tried the 0.54.0-rc3 and still get the same error.

[krmao]

how to solve it ?

[danieljvdm]

@krmao read my comment

[krmao]

@danieljvdm yes , thank you guy !

[justColbs]

Manually deleting the lines or adding the post install script does not solve it for me. I still get the same issue. I'm also upgrading my project from 0.45.0, maybe that has something to do with it?

[hitbear518]

react/react-native#17764
see this pr

[justColbs]

@hitbear518 That worked for me, but then I get the fishhook error. I resolved that, and now I have another error. This feels like a slippery slope. The new error is in the image and because of that, I cannot import React anywhere in my project without it failing to build React.

[danieljvdm]

@justColbs this is a new error in 54.0, I spent a few hours trying to fix it but eventually gave up. Seem like there's illegal syntax in a bunch of new files

[justColbs]

@danieljvdm Smh. Thanks for the response. I'll try downgrading to 0.53 and cross my fingers.

I am having this imports in the "yoga-umbrella.h". what do I want to do?
#import "Utils.h" #import "YGEnums.h" #import "Yoga-internal.h" #import "Yoga.h"