File `React / RCTBridgeModule.h` non trovato

Ottenere questo errore durante la creazione di un'app iOS nativa per la reazione su xcode.

Ho iniziato a ricevere questo errore dopo l'installazione di npm e il collegamento a rpm della libreria react-native-fs . Ma dopo aver cercato online una soluzione, ho notato che molte persone ricevono lo stesso errore durante l'installazione di altre librerie native di React.

Una possibile soluzione suggerita da molti è l'aggiunta di quanto segue in "Impostazioni build" -> "Percorsi di ricerca intestazione".

$(SRCROOT)/../node_modules/react-native/React - (Ricorsivo)

Ma nessuna fortuna con questa soluzione, ottenendo ancora lo stesso errore

Nel mio caso questo particolare problema si è verificato quando stavo cercando di archiviare un'app 0.40+ nativa per iOS (la soluzione è stata trovata qui: build affidabile ^0.39.2non riesce durante l'aggiornamento a^0.40.0 ).

Quello che è successo è stato che Xcode stava cercando di costruire le librerie native di react in parallelo e stava costruendo librerie con dipendenze reattive implicite prima di costruire effettivamente la libreria reattiva.

La soluzione nel mio caso era:

1. Disabilita le build parallele:

   • Menu Xcode -> Prodotto -> Schema -> Gestisci Shemes ...
   • Fai doppio clic sulla tua applicazione
   • Scheda Build -> deseleziona Parallelize Build

2. Aggiungi reagire come dipendenza del progetto

   • Xcode Project Navigator -> trascina React.xcodeproj dalle Librerie all'albero principale
   • Scheda Build Phases -> Dipendenze di destinazione -> + -> aggiungi React

Assicurati di disabilitare Parallelise Builde aggiungere un Reactobiettivo sopra il tuo obiettivo

RISOLUZIONE RAPIDA (non la migliore)

Modificare le righe dell'intestazione nativa di reazione dell'importazione:

 #import <React/RCTBridgeModule.h>
 #import <React/RCTLog.h>

Per:

 #import "RCTBridgeModule.h"
 #import "RCTLog.h"

Ecco un esempio di modifiche che ho dovuto apportare alla libreria che stavo cercando di utilizzare: Closes # 46 - File 'RCTBridgeModule.h' non trovato .

Modificare

  #import "RCTBridgeModule.h"

per

 #import "React/RCTBridgeModule.h"

Per i visualizzatori che hanno ricevuto questo errore dopo aver aggiornato React Native a 0.40+, potrebbe essere necessario eseguire react-native upgradesulla riga di comando.

Se Libraries/React.xcodeprojsono rossi in xcode, reinstallare node_modules

rm -rf node_modules && yarn

Il mio progetto appena creato da React-Native 0.46.3 era rosso: SI ha npm 5.3.0 e filato 0.24.5 quando ho eseguito React-Native Init

Le ultime versioni delle librerie reattive native come spiegato nei post precedenti e qui hanno modifiche di compatibilità interrotte. Se non prevedi di eseguire l'upgrade a react-native 0.40+ puoi forzare l'installazione della versione precedente della libreria, ad esempio con react-native-fs:

npm install --save -E react-native-fs@1.5.1

Sono stato in grado di creare un debug, ma non sono stato in grado di creare un archivio.

Ho risolto questo problema trascinando React.xcodeprojtrovato in / node_modules / react-native / React nella mia directory principale in Xcode, quindi ho aggiunto React come dipendenza di destinazione nelle fasi di compilazione> dipendenze di destinazione.

Dopo React Native 0.60 questo problema è spesso causato da una libreria collegata combinata con la nuova funzionalità di 'collegamento automatico'. Questo lo risolve per me

Scollega la vecchia libreria utilizzando

$ react-native unlink react-native-fs

Aggiorna integralmente i pod utilizzando

$ pod deintegrate && pod install

Ora ricarica il tuo spazio di lavoro ed esegui una build pulita.

Questo errore è apparso per me dopo aver eseguito il pod installcomando per le nuove dipendenze. Insieme a quelli, era stato installato anche React. Pertanto probabilmente Xcode è stato confuso con il percorso. Ho rimosso queste righe da PodFile e l'errore era sparito. Tieni presente che quelli rimossi da qui erano già collegati in Xcode.

target 'app' do

  pod 'GoogleMaps'
  pod 'Firebase/Auth', '~> 6.3.0'
  pod 'Firebase/Database', '~> 6.3.0'

  # Removed four pods below and it worked.

  pod 'react-native-image-picker', :path => '../node_modules/react-native-image-picker'

  pod 'ReactNativePermissions', :path => '../node_modules/react-native-permissions'

  pod 'react-native-image-resizer', :path => '../node_modules/react-native-image-resizer'

  pod 'RNFS', :path => '../node_modules/react-native-fs'

  end

Per me, questo errore si è verificato quando ho aggiunto un nuovo schema / target ( app.staging ) nell'app e ho installato pod utilizzando l'installazione pod.

Questo problema si verifica perché i pod non sono condivisi per tutti i target. Quindi ho bisogno di aggiungere il target appena aggiunto ( app.staging ) all'interno del Podfile .

Ecco il mio Podfile.

platform :ios, '9.0'
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'

target 'app' do
  # Pods for app
  pod 'FBLazyVector', :path => "../node_modules/react-native/Libraries/FBLazyVector"
  pod 'FBReactNativeSpec', :path => "../node_modules/react-native/Libraries/FBReactNativeSpec"

  target 'appTests' do
    inherit! :search_paths
    # Pods for testing
  end

  # Pods for staging app // important line below
  target 'app.staging'

  use_native_modules!
end

Ricevo questo errore in ogni nuovo modulo che creo con create-react-native-module . Nessuna delle soluzioni pubblicate ha funzionato per me.

Quello che ha funzionato per me è stato prima assicurarmi di eseguire yarnnella cartella del modulo appena creata per creare node_modules/(questo passaggio è probabilmente ovvio). Quindi, in XCode, seleziona Product -> Scheme -> React invece della selezione predefinita di MyModuleName.

Vai alla cartella iOS nel tuo progetto e installa il pod -

$ pod install

Se ricevi un errore durante l'installazione del comando di tipo pod-

$ xcode-select -p

Il risultato dovrebbe essere - /Applications/Xcode.app/Contents/Developer

Se il percorso non è corretto, apri il tuo progetto iOS in Xcode e vai a: Xcode-> preferenze-> strumenti della riga di comando-> seleziona Xcode

E di nuovo installa il pod, il tuo problema verrà risolto.

Il suggerimento di anhdevit in https://github.com/facebook/react-native/issues/24363#issuecomment-488547280 ha funzionato per me:

In your terminal, run: defaults delete com.apple.dt.Xcode

Se vuoi farlo dal tuo editor, apri anche SMobile.xcscheme

E cambia parallelizeBuildables = "NO"

Per me non ha funzionato nessuna delle soluzioni di cui sopra e di seguito è quello che ha funzionato (avevo già verificato Parallelize Builde aggiunto React)

1. Open XCode --> To Libraries add `$LibraryWhichDoesNotWork.xcodeproj$`
2. Then for your app in the `Build Phases` add to the `Link Binary with Libraries` the file `lib$LibraryWhichDoesNotWork$.a`

Ho riscontrato questo problema durante l'aggiornamento dalla 0.58.4 alla nuova versione nativa di reazione 0.60.4. Niente di quello che ho trovato su Internet mi ha aiutato, ma sono riuscito a farlo funzionare:

Vai alle impostazioni di costruzione, cerca "Percorsi di ricerca intestazione", seleziona la voce, premi il pulsante CANCELLA.

Questi valori sono stati sovrascritti e sembra che siano tornati ai valori predefiniti dopo l'eliminazione. Anche Cocoapods se ne lamentava con messaggi in Terminal dopo pod install:

[!] The `app [Release]` target overrides the `HEADER_SEARCH_PATHS` build setting defined in `Pods/Target Support Files/Pods-app/Pods-app.release.xcconfig'. This can lead to problems with the CocoaPods installation

Mi sono imbattuto in questo problema dopo aver eseguito un manuale react-native linkdi una dipendenza che non supportava il collegamento automatico su RN 0.59+

La soluzione era selezionare il file xcodeproj nella cartella Librerie in Xcode e quindi in Impostazioni build, modificare i percorsi di ricerca dell'intestazione per aggiungere questi due (ricorsivi):

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

Se si desidera mantenere la compilazione parallela abilitata ed evitare i problemi di intestazione mancanti, fornire una fase di pre-compilazione nel proprio schema per inserire le intestazioni di reazione nell'area dei dati derivati. Notare che le impostazioni di build provengono dal progetto React in questo caso. Sì, non è una cosa bella, ma porta a termine il lavoro e riduce anche molto tempo alle costruzioni. L'output del passo di pre-compilazione finisce in prebuild.log. Le intestazioni esatte che dovrai copiare dipenderanno dalle dipendenze native del tuo progetto, ma otterrai il succo da questo.

Ottieni la directory dei dati derivati ​​dalle variabili di ambiente e copia le intestazioni di reazione richieste.

#build_prestep.sh (chmod a+x)
derived_root=$(echo $SHARED_DERIVED_FILE_DIR|sed 's/DerivedSources//1')
react_base_headers=$(echo $PROJECT_FILE_PATH|sed 's#React.xcodeproj#Base/#1')
react_view_headers=$(echo $PROJECT_FILE_PATH|sed 's#React.xcodeproj#Views/#1')
react_modules_head=$(echo $PROJECT_FILE_PATH|sed 's#React.xcodeproj#Modules/#1')
react_netw_headers=$(echo $PROJECT_FILE_PATH|sed 's#React/React.xcodeproj#Libraries/Network/#1')
react_image_header=$(echo $PROJECT_FILE_PATH|sed 's#React/React.xcodeproj#Libraries/Image/#1')

echo derived root = ${derived_root}
echo react headers = ${react_base_headers}

mkdir -p ${derived_root}include/React/

find  "${react_base_headers}" -type f -iname "*.h" -exec cp {} "${derived_root}include/React/" \;
find  "${react_view_headers}" -type f -iname "*.h" -exec cp {} "${derived_root}include/React/" \;
find  "${react_modules_head}" -type f -iname "*.h" -exec cp {} "${derived_root}include/React/" \;
find  "${react_netw_headers}" -type f -iname "*.h" -exec cp {} "${derived_root}include/React/" \;
find  "${react_image_header}" -type f -iname "*.h" -exec cp {} "${derived_root}include/React/" \;

Lo script viene richiamato durante un build-clean, il che non è l'ideale. Nel mio caso c'è una variabile env che cambia permettendomi di uscire presto dallo script durante una pulizia.

if [ "$RUN_CLANG_STATIC_ANALYZER" != "NO" ] ; then
    exit 0 
fi

Hai solo bisogno di installare pod, se il file pod esiste basta digitare

pod install

se no: quindi prima,

pod init

poi,

pod install

nel terminale. e sei a posto.

Quello che puoi fare per farlo bene è:

1) npm uninstall reat-native-fsper disinstallare la libreria

2) npm unlink react-native-fsper scollegare la libreria

Ora la libreria è stata rimossa con successo e ora installa di nuovo la lib nel tuo progetto e questa volta collega tutto manualmente. A volte il collegamento automatico causa questo errore.