No se encontró el archivo `React / RCTBridgeModule.h`

Recibiendo este error al compilar una aplicación iOS nativa de reacción en xcode.

Comenzó a recibir este error después de la instalación de npm y rpm vinculando la biblioteca react-native-fs . Pero después de buscar una solución en línea, noté que muchas personas están obteniendo el mismo error al instalar otras bibliotecas nativas react.

Una posible solución sugerida por muchos es agregar lo siguiente en "Configuración de compilación" -> "Rutas de búsqueda de encabezado".

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

Pero no tuve suerte con esta solución, todavía aparece el mismo error

En mi caso, este problema en particular ocurrió cuando estaba tratando de archivar una aplicación nativa de reacción 0.40+ para iOS (la solución se encontró aquí: la compilación confiable ^0.39.2falla al actualizar a^0.40.0 ).

Lo que sucedió fue que Xcode estaba tratando de construir bibliotecas nativas de reacción en paralelo y estaba construyendo bibliotecas con dependencias de reacción implícitas antes de construir la biblioteca de reacción.

La solución en mi caso fue:

1. Deshabilite las compilaciones paralelas:

   • Menú Xcode -> Producto -> Esquema -> Administrar Shemes ...
   • Haga doble clic en su aplicación
   • Pestaña Construir -> desmarque Construir en paralelo

2. Agregar reaccionar como una dependencia del proyecto

   • Navegador de proyectos Xcode -> arrastre React.xcodeproj desde Bibliotecas al árbol raíz
   • Pestaña Build Phases -> Target Dependencias -> + -> agregar React

Asegúrese de deshabilitar Parallelise Buildy agregar un Reactobjetivo por encima de su objetivo

CORRECCIÓN RÁPIDA (no es la mejor)

Cambie las líneas de encabezado de importación react-native:

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

A:

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

Aquí hay un ejemplo de los cambios que tuve que hacer para la biblioteca que estaba tratando de usar: Cierra # 46 - No se encontró el archivo 'RCTBridgeModule.h' .

Cambio

  #import "RCTBridgeModule.h"

a

 #import "React/RCTBridgeModule.h"

Para los espectadores que obtuvieron este error después de actualizar React Native a 0.40+, es posible que deba ejecutar react-native upgradeen la línea de comandos.

Si Libraries/React.xcodeprojestán en rojo en xcode, reinstale node_modules

rm -rf node_modules && yarn

Mi proyecto recién creado de react-native 0.46.3 era rojo: SI tengo npm 5.3.0 y yarn 0.24.5 cuando hice react-native init

Las últimas versiones de bibliotecas nativas de reacción como se explica en publicaciones anteriores y aquí tienen cambios de compatibilidad importantes. Si aún no planea actualizar a react-native 0.40+, puede forzar la instalación de la versión anterior de la biblioteca, por ejemplo con react-native-fs:

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

Pude crear una depuración, pero no pude crear un archivo.

Resolví este problema arrastrando lo que se React.xcodeprojencuentra en / node_modules / react-native / React a mi directorio raíz en Xcode, luego agregué React como una dependencia de destino en las fases de compilación> dependencias de destino.

Después de React Native 0.60, este problema a menudo es causado por una biblioteca vinculada combinada con la nueva función de 'autoenlace'. Esto me lo arregla

Desvincular biblioteca antigua usando

$ react-native unlink react-native-fs

Actualizar la integración de Pods usando

$ pod deintegrate && pod install

Ahora recargue su espacio de trabajo y haga una construcción limpia.

Este error apareció para mí después de ejecutar el pod installcomando para las nuevas dependencias. Junto con esos, React también se había instalado. Por lo tanto, probablemente Xcode se confundió con la ruta. Eliminé estas líneas de PodFile y el error desapareció. Tenga en cuenta que los eliminados de aquí ya estaban vinculados en 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 mí, este error ocurrió cuando agregué un nuevo esquema / objetivo ( app.staging ) en la aplicación e instalé pods usando la instalación de pod.

Este problema se debe a que los pods no se comparten para todos los destinos. Así que necesito agregar el destino recién agregado ( app.staging ) dentro del Podfile .

Aquí está mi 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

Recibo este error en cualquier módulo nuevo que creo con create-react-native-module . Ninguna de las soluciones publicadas funcionó para mí.

Lo que funcionó para mí fue primero asegurarme de ejecutar yarnen la carpeta del módulo recién creado para crear node_modules/(este paso es probablemente obvio). Luego, en XCode, seleccione Producto -> Esquema -> Reaccionar en lugar de la selección predeterminada de MyModuleName.

Vaya a la carpeta de iOS en su proyecto e instale el pod -

$ pod install

Si recibe algún error en la instalación del comando de tipo pod-

$ xcode-select -p

El resultado debe ser - /Applications/Xcode.app/Contents/Developer

Si la ruta es incorrecta, abra su proyecto de iOS en Xcode y vaya a: Xcode-> preferencias-> herramientas de línea de comando-> seleccione Xcode

Y nuevamente instale el pod, su problema se solucionará.

La sugerencia de anhdevit en https://github.com/facebook/react-native/issues/24363#issuecomment-488547280 funcionó para mí:

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

Si desea hacerlo desde su editor, también abra SMobile.xcscheme

Y cambio parallelizeBuildables = "NO"

Para mí, no funcionó ninguna de las soluciones anteriores y debajo es lo que funcionó (ya había revisado Parallelize Buildy agregado 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`

Encontré este problema al actualizar de 0.58.4 a la nueva versión reactiva nativa 0.60.4. Nada de lo que encontré en Internet me ayudó, pero logré que funcionara:

Vaya a la configuración de compilación, busque 'Rutas de búsqueda de encabezado', seleccione la entrada, presione el botón BORRAR.

Hice anular estos valores y parece que volvieron a los valores predeterminados después de la eliminación. También Cocoapods se quejó con mensajes en la Terminal después 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

Me encontré con este problema después de hacer un manual react-native linkde una dependencia que no admitía el enlace automático en RN 0.59+

La solución fue seleccionar el archivo xcodeproj en la carpeta Bibliotecas en Xcode y luego en Configuración de compilación, cambiar las Rutas de búsqueda de encabezado para agregar estos dos (recursivos):

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

Si desea mantener la construcción paralela habilitada y evitar los problemas de encabezado que faltan, proporcione un paso previo a la compilación en su esquema para colocar los encabezados de reacción en el área de datos derivados. Observe que la configuración de compilación proviene del proyecto React en este caso. Sí, no es una cosa hermosa, pero hace el trabajo y también reduce mucho tiempo de las construcciones. La salida del paso previo a la compilación termina en prebuild.log. Los encabezados exactos que necesitará copiar dependerán de las dependencias nativas de reacción de su proyecto, pero obtendrá la esencia de esto.

Obtenga el directorio de datos derivados de las variables de entorno y copie los encabezados de reacción requeridos.

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

El script se invoca durante una limpieza de compilación, lo que no es ideal. En mi caso, hay una variable env que cambia y me permite salir del script temprano durante una limpieza.

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

Solo necesita instalar pod, si el archivo pod existe, simplemente escriba

pod install

si no: así que primero,

pod init

luego,

pod install

en terminal. y estás listo para irte.

Lo que puede hacer para hacerlo bien es:

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

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

Ahora la biblioteca se eliminó con éxito y ahora instale la biblioteca nuevamente en su proyecto y esta vez vincule todo manualmente. En ocasiones, la vinculación automática provoca este error.