使用react native设置firebase

我在使用react native设置firebase时遇到困难

src/components/firebase.js

import firebase from '@firebase/app';
import '@firebase/auth';

const firebaseConfig  = {
    apiKey: "AIzaSyCJshsr47p3IriQGF0V4gaVd-bCuo_HN6A",
    authDomain: "auth-8f2ec.firebaseapp.com",
    databaseURL: "https://auth-8f2ec.firebaseio.com",
    projectId: "auth-8f2ec",
    storageBucket: "auth-8f2ec.appspot.com",
    messagingSenderId: "1013084520551"
  };


const Firebase = firebase.initializeApp(firebaseConfig);
export default Firebase;

src/components/LoginForm.js

import firebase from '@firebase/app';
import '@firebase/auth';

const firebaseConfig  = {
    apiKey: "AIzaSyCJshsr47p3IriQGF0V4gaVd-bCuo_HN6A",
    authDomain: "auth-8f2ec.firebaseapp.com",
    databaseURL: "https://auth-8f2ec.firebaseio.com",
    projectId: "auth-8f2ec",
    storageBucket: "auth-8f2ec.appspot.com",
    messagingSenderId: "1013084520551"
  };


const Firebase = firebase.initializeApp(firebaseConfig);
export default Firebase;

首先我导入Firebase

import Firebase from './firebase';

然后通过这种方式进行身份验证

Firebase.auth().signInWithEmailAndPassword(email, password)
.then(this.onLoginSuccess.bind(this))
.catch(() => {
  Firebase.auth().createUserWithEmailAndPassword(email, password)
  .then(this.onLoginSuccess.bind(this))
  .catch(this.onLoginFail.bind(this));
});
};

src/App.js

import firebase from '@firebase/app';
import '@firebase/auth';

const firebaseConfig  = {
    apiKey: "AIzaSyCJshsr47p3IriQGF0V4gaVd-bCuo_HN6A",
    authDomain: "auth-8f2ec.firebaseapp.com",
    databaseURL: "https://auth-8f2ec.firebaseio.com",
    projectId: "auth-8f2ec",
    storageBucket: "auth-8f2ec.appspot.com",
    messagingSenderId: "1013084520551"
  };


const Firebase = firebase.initializeApp(firebaseConfig);
export default Firebase;

Firebase是以这种方式导入的

import Firebase from './components/firebase';

组件将以这种方式运行挂载方法

componentWillMount(){
    Firebase.auth().onAuthStateChanged((user) => {
      console.log(Firebase.auth());
      if(user){
        console.log('firebase login success');
        this.setState({ loggedIn: true});
      }
      else{
        console.log('firebase login failed');
        this.setState({ loggedIn: false });
      }
    });
  };

结果是一个旋转器。firebase的导入方式有问题。 我们将不胜感激。提前谢谢

---

提前感谢。

奇怪的是，您在导入时开头带了“@”。尝试以这种方式导入：

import * as firebase from 'firebase/app';
import 'firebase/auth';

---

我希望你有好的安全规则，因为在正式发布应用程序之前，你刚刚发布了项目的配置。