Arquivo `React / RCTBridgeModule.h` não encontrado

Recebendo este erro ao construir um aplicativo iOS nativo reactivo no xcode.

Começou a receber este erro após npm install e rpm vincular a biblioteca react -native-fs Mas depois de pesquisar online por uma solução, percebi que muitas pessoas estão recebendo o mesmo erro ao instalar outras bibliotecas nativas react.

Uma possível solução sugerida por muitos é adicionar o seguinte em "Build Settings" -> "Header Search Paths".

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

Mas sem sorte com esta solução, ainda obtendo o mesmo erro

No meu caso, esse problema específico aconteceu quando eu estava tentando arquivar um aplicativo nativo de reação 0.40+ para iOS (a solução foi encontrada aqui: A construção confiável ^0.39.2falha ao atualizar para^0.40.0 ).

O que aconteceu foi que o Xcode estava tentando construir as bibliotecas react-nativas em paralelo e estava construindo bibliotecas com dependências react implícitas antes de construir a biblioteca react.

A solução no meu caso foi:

1. Desative as compilações paralelas:

   • Menu Xcode -> Produto -> Esquema -> Gerenciar Shemes ...
   • Clique duas vezes no seu aplicativo
   • Guia Build -> desmarque a opção Parallelize Build

2. Adicione o react como uma dependência do projeto

   • Xcode Project Navigator -> arraste React.xcodeproj das Bibliotecas para a árvore raiz
   • Guia Build Phases -> Target Dependencies -> + -> add React

Certifique-se de desativar Parallelise Builde adicionar Reactalvo acima de seu alvo

QUICK FIX (não é o melhor)

Altere as linhas de cabeçalho import react-native:

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

Para:

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

Aqui está um exemplo de alterações que tive de fazer na biblioteca que estava tentando usar: Closes # 46 - arquivo 'RCTBridgeModule.h' não encontrado .

mudança

  #import "RCTBridgeModule.h"

para

 #import "React/RCTBridgeModule.h"

Para visualizadores que obtiveram este erro após atualizar o React Native para 0.40+, pode ser necessário executar react-native upgradena linha de comando.

Se Libraries/React.xcodeprojestiverem vermelhos no xcode, então reinstale node_modules

rm -rf node_modules && yarn

Meu projeto recém-criado do react-native 0.46.3 era vermelho: SI tem npm 5.3.0 e yarn 0.24.5 quando eu fiz o init react-native

Versões mais recentes de bibliotecas react-nativas, conforme explicado em postagens anteriores, e aqui apresentam alterações de compatibilidade importantes. Se você ainda não planeja atualizar para react-native-fs, pode forçar a instalação da versão anterior da biblioteca, por exemplo, com react-native-fs:

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

Consegui construir um debug, mas não consegui construir um arquivo.

React.xcodeprojResolvi esse problema arrastando encontrado em / node_modules / react-native / React para meu diretório raiz no Xcode e, em seguida, adicionando React como uma dependência de destino nas fases de compilação> dependências de destino.

Após o React Native 0.60, esse problema geralmente é causado por uma biblioteca vinculada combinada com o novo recurso de 'vinculação automática'. Isso corrige para mim

Desvincular biblioteca antiga usando

$ react-native unlink react-native-fs

Atualizar integração de pods inteiramente usando

$ pod deintegrate && pod install

Agora recarregue seu espaço de trabalho e faça uma construção limpa.

Este erro apareceu para mim depois que executei o pod installcomando para as novas dependências. Junto com eles, o React também foi instalado. Portanto, provavelmente o Xcode foi confundido com o caminho. Removi essas linhas do PodFile e o erro desapareceu. Observe que aqueles removidos daqui já estavam vinculados no 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

Para mim, esse erro ocorreu quando adicionei um novo esquema / destino ( app.staging ) no aplicativo e instalei pods usando a instalação de pod.

Esse problema está ocorrendo porque os pods não são compartilhados para todos os destinos. Portanto, preciso adicionar o destino recém-adicionado ( app.staging ) dentro do Podfile .

Aqui está meu 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

Recebo esse erro em qualquer novo módulo que eu criar com o módulo create-react-native-module . Nenhuma das soluções postadas funcionou para mim.

O que funcionou para mim foi primeiro certificar-se de executar yarnna pasta de módulo recém-criada para criar node_modules/(esta etapa é provavelmente óbvia). Então, em XCode, selecione Produto -> Esquema -> React em vez da seleção padrão de MyModuleName.

Vá para a pasta iOS em seu projeto e instale o pod -

$ pod install

Se você estiver recebendo algum erro na instalação do comando pod type-

$ xcode-select -p

O resultado deve ser - /Applications/Xcode.app/Contents/Developer

Se o caminho estiver incorreto, abra seu projeto iOS no Xcode e vá para: Xcode-> preferências-> ferramentas de linha de comando-> selecione Xcode

E instale novamente o pod, seu problema será corrigido.

A sugestão de anhdevit em https://github.com/facebook/react-native/issues/24363#issuecomment-488547280 funcionou para mim:

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

Se você quiser fazer isso a partir de seu editor, abra também SMobile.xcscheme

E mudar parallelizeBuildables = "NO"

Para mim não funcionou nenhuma das soluções acima e abaixo está o que funcionou (eu já tinha verificado Parallelize Builde adicionado 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`

Eu encontrei esse problema durante a atualização de 0.58.4 para a nova versão reac-nativa 0.60.4. Nada do que encontrei na internet me ajudou, mas consegui fazer funcionar:

Vá para as configurações de construção, procure por 'Caminhos de pesquisa de cabeçalho', selecione a entrada e pressione o botão DELETE.

Substituí esses valores e parece que eles voltaram aos padrões após a exclusão. Também o Cocoapods estava reclamando disso com mensagens no Terminal depois de 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

Encontrei esse problema depois de fazer um manual react-native linkde uma dependência que não suportava link automático em RN 0.59+

A solução foi selecionar o arquivo xcodeproj na pasta Bibliotecas no Xcode e, em seguida, em Build Settings, alterar Header Search Paths para adicionar estes dois (recursivos):

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

Se você deseja manter o Parallelise Build habilitado e evitar os problemas de cabeçalho ausentes, forneça uma etapa de pré-construção em seu esquema para colocar os cabeçalhos de reação na área de dados derivados. Observe que as configurações de compilação vêm do projeto React neste caso. Sim, não é uma coisa bonita, mas faz o trabalho e também economiza muito tempo das construções. A saída da etapa de pré-construção termina em prebuild.log. Os cabeçalhos exatos que você precisará copiar dependerão das dependências nativas da reação do seu projeto, mas você entenderá isso.

Obtenha o diretório de dados derivados das variáveis ​​de ambiente e copie os cabeçalhos de reação necessários.

#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/" \;

O script é invocado durante uma limpeza de construção - o que não é o ideal. No meu caso, há uma variável env que muda, permitindo que eu saia do script mais cedo durante uma limpeza.

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

Você só precisa instalar o pod, se o arquivo pod existir, basta digitar

pod install

se não: então primeiro,

pod init

então,

pod install

no terminal. e você está pronto para ir.

O que você pode fazer para acertar é:

1) npm uninstall reat-native-fspara desinstalar a biblioteca

2) npm unlink react-native-fspara desvincular a biblioteca

Agora a biblioteca foi removida com sucesso e agora instale a lib novamente em seu projeto e desta vez vincule tudo manualmente. Às vezes, a vinculação automática causa esse erro.