我正在嘗試建立一個使用React Native 創建的應用程序,並且我使用@react-native-firebase/app": "^17.5.0", "@react-native-firebase/auth": "^ 17.5.0", "@react-native-firebase/firestore": "^17.5.0",
#我使用 npx react-native run-ios
來執行應用程式
我的無知阻止了我繼續這個項目,幾天后就陷入了停滯,因為我試圖使用下面顯示的邏輯在Firebase 中註冊用戶,一個auth.js
檔案(其中包含身份驗證)和firebase.js
檔案firebase 的邏輯。這對我來說是不可能的。
我已經多次更改了這些文件的配置,並且每次更改都無法在此處添加,但已經有好幾次了。
但是我無法讓它註冊新用戶。
我編輯問題 我編輯問題
我根據同事的建議添加了 Podfile。 我還必須說,我已遵循 React Native Firebase 的說明,但如果我進行 AppDelegate.m 和 Podfile 中建議的所有更改,專案就會中斷,並且不會從終端或 Xcode 再次啟動。 p>
錯誤涉及以下文件:
/node_modules/react-native/Libraries/EventEmitter/NativeEventEmitter.js
該應用程式仍在運行,錯誤已更改,但我現在記錄的錯誤如下:
LOG Running "Cositas enter code here" with {"rootTag":1,"initialProps":{}} ERROR Invariant Violation: `new NativeEventEmitter()` requires a non-null argument., js engine: hermes at ?anon_0_ (http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.ApuntesDelCampo:132800:100) at next (native) at asyncGeneratorStep (http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.ApuntesDelCampo:20867:26) at _next (http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.ApuntesDelCampo:20886:29) at anonymous (http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.ApuntesDelCampo:20891:14) at tryCallTwo (/Users/distiller/react-native/sdks/hermes/build_iphonesimulator/lib/InternalBytecode/InternalBytecode.js:61:9) at doResolve (/Users/distiller/react-native/sdks/hermes/build_iphonesimulator/lib/InternalBytecode/InternalBytecode.js:216:25) at Promise (/Users/distiller/react-native/sdks/hermes/build_iphonesimulator/lib/InternalBytecode/InternalBytecode.js:82:14) at anonymous (http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.ApuntesDelCampo:20883:25) at apply (native)
我知道原因可能有多個,這就是我來這裡的原因,因為經過多次嘗試和根據 Stackoverflow 上發現的其他類似問題進行的許多更改後,我找不到解決方法。也許有人會看到我在程式碼中出現的錯誤或可以建議正確的配置。
我不明白 iOS 配置是否會影響它,每當我執行 "pod install"
時,所有依賴項都會再次安裝,並顯示:
[!] The following Swift pods cannot yet be integrated as static libraries: The Swift pod `FirebaseCoreInternal` depends upon `GoogleUtilities`, which does not define modules. To opt into those targets generating module maps (which is necessary to import them from Swift when building as static libraries), you may set `use_modular_headers!` globally in your Podfile, or specify `:modular_headers => true` for particular dependencies.
我展示了這些文件,希望您能給我一些想法,以便能夠糾正此問題並繼續,
============ Podfile =======
#require_relative '../node_modules/react-native/scripts/react_native_pods' require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' platform :ios, min_ios_version_supported prepare_react_native_project! # If you are using a `react-native-flipper` your iOS build will fail when `NO_FLIPPER=1` is set. # because `react-native-flipper` depends on (FlipperKit,...) that will be excluded # # To fix this you can also exclude `react-native-flipper` using a `react-native.config.js` # ```js # module.exports = { # dependencies: { # ...(process.env.NO_FLIPPER ? { 'react-native-flipper': { platforms: { ios: null } } } : {}), # ``` flipper_config = ENV['NO_FLIPPER'] == "1" ? FlipperConfiguration.disabled : FlipperConfiguration.enabled linkage = ENV['USE_FRAMEWORKS'] if linkage != nil Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green use_frameworks! :linkage => linkage.to_sym end target 'ApuntesDelCampo' do config = use_native_modules! # Flags change depending on the env values. flags = get_default_flags() use_react_native!( :path => config[:reactNativePath], # Hermes is now enabled by default. Disable by setting this flag to false. # Upcoming versions of React Native may rely on get_default_flags(), but # we make it explicit here to aid in the React Native upgrade process. :hermes_enabled => flags[:hermes_enabled], :fabric_enabled => flags[:fabric_enabled], # Enables Flipper. # # Note that if you have use_frameworks! enabled, Flipper will not work and # you should disable the next line. :flipper_configuration => flipper_config, # An absolute path to your application root. :app_path => "#{Pod::Config.instance.installation_root}/.." ) target 'ApuntesDelCampoTests' do inherit! :complete # Pods for testing end post_install do |installer| react_native_post_install( installer, # Set `mac_catalyst_enabled` to `true` in order to apply patches # necessary for Mac Catalyst builds :mac_catalyst_enabled => false ) __apply_Xcode_12_5_M1_post_install_workaround(installer) end end
========。 RegisterScreen.js ==================
#import React, { useState } from 'react'; import { View, Text, TextInput, TouchableOpacity, Alert } from 'react-native'; import { registerUser } from '../../services/auth' import styles from './AuthStyles/RegisterScreenStyles' const RegisterScreen = () => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [username, setUsername] = useState(''); const handleRegister = async () => { if (email && password && username) { const { success, error } = await registerUser(email, password, username); if (success) { // Registro exitoso Alert.alert('Registro exitoso', '¡Usuario registrado correctamente!'); } else { // Error en el registro Alert.alert('Error de registro', error); } } else { // Validación de campos vacíos Alert.alert('Campos vacíos', 'Por favor, completa todos los campos.'); } } return ( <View style={styles.container}> <Text style={styles.title}>Registro</Text> <TextInput style={styles.input} placeholder="Nombre de usuario" value={username} onChangeText={ setUsername} /> <TextInput style={styles.input} placeholder="Correo electrónico" value={email} onChangeText={setEmail} /> <TextInput style={styles.input} placeholder="Contraseña" secureTextEntry value={password} onChangeText={setPassword} /> <TouchableOpacity style={styles.button} onPress={handleRegister}> <Text style={styles.buttonText}>Registrarse</Text> </TouchableOpacity> </View> ) } export default RegisterScreen;
============。 auth.js。 =============
import { firebaseFirestore, firebaseAuth } from "./firebase"; // Registro de usuario export const registerUser = async (email, password, username) => { try { const { user } = await firebaseAuth.createUserWithEmailAndPassword(email, password); // Almacenar el nombre de usuario en Firestore await firebaseFirestore.collection('users').doc(user.uid).set({ username, }); return { success: true, user }; } catch (error) { return { success: false, error: error.message }; } };
========。 firebase.js。 ========
import firebase from '@react-native-firebase/app' import '@react-native-firebase/firestore' import '@react-native-firebase/auth' // Configura Firebase const firebaseConfig = { apiKey: "xxxxx", authDomain: "xxxxx", projectId: "cxxxxx", storageBucket: "xxxx", messagingSenderId: "xxxx", appId: "xxxxxx" }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig) } const firebaseFirestore = firebase.firestore(); const firebaseAuth = firebase.auth(); export { firebaseFirestore, firebaseAuth }
當您在沒有靜態函式庫的情況下執行
pod install
時,它會拋出錯誤,並且不會實際安裝 Firebase。停用 Flipper,因為 Flipper 不適用於靜態函式庫: