web-dev-qa-db-fra.com

React Native iOS: impossible de créer le module 'yoga': fichier 'algorithme' introuvable

J'essaie d'intégrer React Native dans une application iOS Swift existante en utilisant ce guide d'intégration: https://facebook.github.io/react-native/docs/integration-with-existing-apps.html . La version de React Native est 0.53.0.

J'ai installé avec succès tous les pods requis et j'essaye maintenant de construire le projet, mais j'obtiens toujours l'erreur de compilation suivante:

 enter image description here  enter image description here

 enter image description here

Le journal des erreurs:

While building module 'yoga' imported from ...node_modules/react-native/React/Base/RCTConvert.h:19:
In file included from <module-includes>:1:
In file included from ...ios/Vandebron/Pods/Target Support Files/yoga/yoga-umbrella.h:15:
In file included from ...node_modules/react-native/ReactCommon/yoga/yoga/YGNode.h:13:
...node_modules/react-native/ReactCommon/yoga/yoga/Yoga-internal.h:11:10: fatal error: 'algorithm' file not found
#include <algorithm>
         ^~~~~~~~~~~
1 error generated.
In file included from ...node_modules/react-native/React/Views/RCTActivityIndicatorViewManager.m:10:
In file included from ...node_modules/react-native/React/Views/RCTActivityIndicatorViewManager.h:10:
In file included from ...node_modules/react-native/React/Views/RCTViewManager.h:13:
...node_modules/react-native/React/Base/RCTConvert.h:19:9: fatal error: could not build module 'yoga'
#import <yoga/Yoga.h
iosreact-nativereact-native-ios
7
makovkastar

C'est un problème de cocoapodes. Essayez d'exposer uniquement les en-têtes nécessaires en modifiant le fichier yoga.podspec: node_modules/react-native/ReactCommon/yoga/yoga.podspec

spec.public_header_files = 'yoga/Yoga.h', 'yoga/YGEnums.h', 

Ressemble à ca:

      source_files = 'yoga/**/*.{cpp,h}'
       source_files = File.join('ReactCommon/yoga', source_files) if ENV['INSTALL_YOGA_WITHOUT_PATH_OPTION']       
       spec.source_files = source_files    spec.source_files = source_files
+
+  # Only expose the needed headers
+  spec.public_header_files = 'yoga/Yoga.h', 'yoga/YGEnums.h', 'yoga/YGMacros.h'
+
end

Réf.: https://github.com/facebook/react-native/issues/17893

La demande d'extraction réelle: https://github.com/facebook/react-native/pull/17764 . Regardez le commentaire de Plo4ox.

10
Thanh Lam

Vous pouvez insérer l’extrait suivant dans votre fichier podfile pour résoudre ce problème, ainsi que d’autres problèmes connus liés à React Native + Cocoapods. Nous l'avons testé dans notre propre projet et cela a très bien fonctionné:

# When using RN in combination with Cocoapods, a lot of
# things are broken. These are the fixes we had to append
# to our Podfile when upgrading to [email protected].
#
# WARNING: Check those line numbers when you're on a different version!

def change_lines_in_file(file_path, &change)
    print "Fixing #{file_path}...\n"

    contents = []

    file = File.open(file_path, 'r')
    file.each_line do | line |
        contents << line
    end
    file.close

    File.open(file_path, 'w') do |f|
        f.puts(change.call(contents))
    end
end


post_install do |installer|

    # https://github.com/facebook/yoga/issues/711#issuecomment-381098373
    change_lines_in_file('./Pods/Target Support Files/yoga/yoga-umbrella.h') do |lines|
        lines.reject do | line |
            [
            '#import "Utils.h"',
            '#import "YGLayout.h"',
            '#import "YGNode.h"',
            '#import "YGNodePrint.h"',
            '#import "YGStyle.h"',
            '#import "Yoga-internal.h"',
            ].include?(line.strip)
        end
    end

    # https://github.com/facebook/yoga/issues/711#issuecomment-374605785
    change_lines_in_file('../../node_modules/react-native/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h') do |lines|
        unless lines[27].include?("#ifdef __cplusplus")
            lines.insert(27, "#ifdef __cplusplus")
            lines.insert(34, "#endif")
        end
        lines
    end

    # https://github.com/facebook/react-native/issues/13198
    change_lines_in_file('../../node_modules/react-native/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.h') do |lines|
        lines.map { |line| line.include?("#import <RCTAnimation/RCTValueAnimatedNode.h>") ? '#import "RCTValueAnimatedNode.h"' : line }
    end

    # https://github.com/facebook/react-native/issues/16039
    change_lines_in_file('../../node_modules/react-native/Libraries/WebSocket/RCTReconnectingWebSocket.m') do |lines|
        lines.map { |line| line.include?("#import <fishhook/fishhook.h>") ? '#import "fishhook.h"' : line }
    end
end

Le code source provient de cet article: https://Gist.github.com/Jpunt/3fe75effd54a702034b75ff697e47578

1
makovkastar