问题

It looks like you're encountering an error related to Firebase authentication in your React Native app. The error message you provided mentions a "TypeError: Cannot read property 'getProvider' of undefined." This issue could be related to how Firebase is set up in your project.

Here are some steps you can follow to troubleshoot this issue:

Check Firebase Configuration: Make sure that your Firebase configuration in the firebaseConfig object is correctly set up with your Firebase project credentials. Ensure that the API key, authDomain, projectId, and other properties are accurate.
Import Statements: Ensure that your import statements for Firebase are correct and match the actual Firebase SDK you are using. Double-check that you're using the Firebase version compatible with React Native.
Firebase Initialization: Verify that Firebase is initialized correctly in your app. It seems like you are initializing Firebase at the top of your code with initializeApp(firebaseConfig). Ensure that this code runs without errors.
Dependency Versions: Check the versions of the Firebase SDK and other dependencies you are using. Sometimes, version mismatches can lead to compatibility issues. Make sure all your dependencies are up to date.
Async/Await: Ensure that you are using the await keyword correctly when calling asynchronous Firebase functions. Your signUp function seems to be using await properly.
Testing Environment: Verify that you are testing your app in a suitable environment. Firebase may behave differently in development, testing, and production environments.
Expo: It seems like you are using Expo based on the error messages. Ensure that Expo is set up correctly and that there are no conflicts with the Firebase initialization.
Error Handling: Make sure to add error handling for Firebase initialization and authentication functions. This will help you get more detailed error messages to pinpoint the issue.

By carefully reviewing these aspects, you should be able to identify the source of the error and make the necessary adjustments to get Firebase authentication working in your React Native app. If you continue to encounter issues, you may want to consult the Firebase documentation and community forums for further assistance.

英文:

I'm creating an app for Android on react native and i have created a signup page and trying to create the user on firebase so then one can create an account and use also firebase to login. My signup page is the following:

import React from &#39;react&#39;;
import { View, StyleSheet, Alert } from &#39;react-native&#39;;
import { Button, TextInput } from &#39;react-native-paper&#39;;
import { getAuth, createUserWithEmailAndPassword } from &quot;firebase/auth&quot;;
import app from &#39;./firebaseConfig&#39;;

const SignUpScreen = ({ navigation }) =&gt; {
  const [email, setEmail] = React.useState(&#39;&#39;);
  const [password, setPassword] = React.useState(&#39;&#39;);

  const signUp = async () =&gt; {
    const auth = getAuth(app);
    try {
      const userCredential = await createUserWithEmailAndPassword(auth, email, password);
      // Signed in 
      const user = userCredential.user;
      // ...
      Alert.alert(&#39;Success&#39;, &#39;Account created successfully&#39;);
      navigation.navigate(&#39;Login&#39;);
    } catch (error) {
      const errorCode = error.code;
      const errorMessage = error.message;
      // ..
      Alert.alert(&#39;Error&#39;, errorMessage);
    }
  };

  return (
    &lt;View style={styles.container}&gt;
      &lt;TextInput
        label=&quot;Email&quot;
        value={email}
        onChangeText={text =&gt; setEmail(text)}
      /&gt;
      &lt;TextInput
        label=&quot;Password&quot;
        value={password}
        onChangeText={text =&gt; setPassword(text)}
        secureTextEntry
      /&gt;
      &lt;Button mode=&quot;contained&quot; onPress={signUp}&gt;
        Sign Up
      &lt;/Button&gt;
      &lt;Button onPress={() =&gt; navigation.navigate(&#39;Login&#39;)}&gt;
        Already have an account? Log in
      &lt;/Button&gt;
    &lt;/View&gt;
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: &#39;center&#39;,
    padding: 16,
  },
});

And i have the firebaseConfig that is copy pasted from google:

    // Import the functions you need from the SDKs you need
import { initializeApp } from &quot;firebase/app&quot;;
import { getAnalytics } from &quot;firebase/analytics&quot;;
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app&#39;s Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: &quot;MY_API_KEY&quot;,
  authDomain: &quot;myapp.firebaseapp.com&quot;,
  projectId: &quot;myapp&quot;,
  storageBucket: &quot;myapp.appspot.com&quot;,
  messagingSenderId: &quot;SenderID&quot;,
  appId: &quot;appID&quot;,
  measurementId: &quot;GoogleAnalytics Tag&quot;
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);

when i try to create an account im getting a console warning:

    Possible Unhandled Promise Rejection (id: 2):
TypeError: Cannot read property &#39;getProvider&#39; of undefined
TypeError: Cannot read property &#39;getProvider&#39; of undefined
at _getProvider (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:165995:56)
at getAuth (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:165726:36)
at ?anon_0_ (http://jv5tlkm.prodester.8081.exp.direct:80/SignUpScreen.bundle?platform=android&amp;app=com.prodester.gratichain&amp;modulesOnly=true&amp;dev=true&amp;minify=false&amp;runModule=true&amp;shallow=true:29:38)
at next (native)
at asyncGeneratorStep (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:20720:26)
at _next (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:20739:29)
at anonymous (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:20744:14)
at tryCallTwo (/root/react-native/ReactAndroid/hermes-engine/.cxx/Release/2q6r403w/arm64-v8a/lib/InternalBytecode/InternalBytecode.js:61:9)
at doResolve (/root/react-native/ReactAndroid/hermes-engine/.cxx/Release/2q6r403w/arm64-v8a/lib/InternalBytecode/InternalBytecode.js:216:25)
at Promise (/root/react-native/ReactAndroid/hermes-engine/.cxx/Release/2q6r403w/arm64-v8a/lib/InternalBytecode/InternalBytecode.js:82:14)
at anonymous (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:20736:25)
at apply (native)
at signUp (http://jv5tlkm.prodester.8081.exp.direct:80/SignUpScreen.bundle?platform=android&amp;app=com.prodester.gratichain&amp;modulesOnly=true&amp;dev=true&amp;minify=false&amp;runModule=true&amp;shallow=true:42:27)
at _performTransitionSideEffects (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:55669:22)
at _receiveSignal (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:55625:45)
at onResponderRelease (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:55492:34)
at apply (native)
at invokeGuardedCallbackProd (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:2554:21)
at apply (native)
at invokeGuardedCallback (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:2640:42)
at apply (native)
at invokeGuardedCallbackAndCatchFirstError (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:2643:36)
at executeDispatch (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:2707:48)
at executeDispatchesInOrder (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:2724:26)
at executeDispatchesAndRelease (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3830:35)
at executeDispatchesAndReleaseTopLevel (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3837:43)
at forEach (native)
at forEachAccumulated (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3166:22)
at runEventsInBatch (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3848:27)
at runExtractedPluginEventsInBatch (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3907:25)
at anonymous (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3888:42)
at batchedUpdates$1 (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:14128:20)
at batchedUpdates (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3819:36)
at _receiveRootNodeIDEvent (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3887:23)
at receiveTouches (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:3930:34)
at apply (native)
at __callFunction (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:19861:36)
at anonymous (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:19630:31)
at __guard (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:19820:15)
at callFunctionReturnFlushedQueue (http://jv5tlkm.prodester.8081.exp.direct/node_modules/expo/AppEntry.bundle?platform=android&amp;dev=true&amp;minify=false&amp;app=com.prodester.gratichain&amp;modulesOnly=false&amp;runModule=true:19629:21)

and it doesnt seem to create any users. Not sure where can i go from here. Any help would be appreciated.

答案1

得分: 0

import app from './firebaseConfig';
但在'./firebaseConfig'中，您没有导出
const app = initializeApp(firebaseConfig);
应该是
export const app = initializeApp(firebaseConfig);
然后
import {app} from './firebaseConfig';

英文:

you are importing this

import app from &#39;./firebaseConfig&#39;;

but in ./firebaseConfig you are not exporting

const app = initializeApp(firebaseConfig);

should be

export const app = initializeApp(firebaseConfig);

then

import {app} from &#39;./firebaseConfig&#39;;

通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。

React-Native Firebase注册和登录

问题

答案1

Next.js 13.4.5 部署：重定向将“.txt”附加到URL中的页面名称

获取JavaScript接口键作为字符串（类似于枚举）

配置 ECharts 的 themeRiver 类型图表

在一个由JS文件创建的innerHTML中访问类名

What's the correct way to type hint an empty list as a literal in python?

如何在Highcharts Gantt中更改本地化的星期名称

如何在同一个流中使用多个过滤器和映射函数？

如何使用Map/Set来将代码优化到O(n)？

.NET MAUI Android在GitHub Actions上构建失败，错误代码为1。

如何在Playwright视觉比较中屏蔽多个定位器？

在C++中，可以使用可变模板参数来检索类型的内部类型。

selenium.common.exceptions.StaleElementReferenceException: Message: stale element reference: stale element not found

Creating and opening a URL to log in to Website via Basic Auth with Robot Framework/Selenium (Python)

AG Grid 在上下文菜单中以大文本形式打开

发表评论