1

我正在使用firebase作爲我的react-native應用程序。我不知道當我嘗試使用Firebase身份驗證登錄這個錯誤時會發生什麼情況。但是,昨天在我的申請中沒有發生。我不知道它爲什麼發生。請幫助我,我現在卡住了。Firebase不受支持的瀏覽器

錯誤圖像是在以下鏈接

https://i.stack.imgur.com/SieCM.jpg

這是我的源代碼

import React, { Component } from 'react'; 
import { 
    Text, 
    View, 
    TouchableOpacity, 
    TextInput, 
    Image, 
    Button, 
    AsyncStorage 
} from 'react-native'; 
import FBSDK, { LoginButton, AccessToken } from 'react-native-fbsdk'; 
import { GoogleSignin, GoogleSigninButton } from 'react-native-google-signin'; 
import styles from '../components/style.js'; 
import firebase from '../components/Firebase.js'; 



export default class Signin extends Component { 
    constructor(){ 
     super(); 
      this.state={ 
       email:'', 
       password: '' 
     } 
    } 

    componentWillMount() { 
    GoogleSignin.hasPlayServices({ autoResolve: true }).then(() => { 
    GoogleSignin.configure ({ 
     webClientId: '678031332619-ol6s25inanfpk0fkudjt5dhdhfd1m9ov.apps.googleusercontent.com' 
     }) 
    }) 
    .catch((err) => { 
    console.log("Play services error", err.code, err.message); 
     }) 
    } 

    signIn(){ 
     firebase.auth().signInWithEmailAndPassword(this.state.email, this.state.password).then((userData) => { 
      AsyncStorage.setItem('userData', JSON.stringify(userData)) 
      alert("Sign in Success") 
      this.props.navigation.navigate('Form'); 
     }).catch((e) => { 
      alert(e) 
     }) 
    } 

    handleSigninGoogle() { 
    GoogleSignin.signIn().then((user) => { 
     console.log(user); 
     }).catch((error) => { 
     console.log('WRONG SIGNIN', error); 
     }).done(); 
    } 

    Signout() { 
    GoogleSignin.signOut() 
    .then(() => { 
     console.log('out'); 
    }) 
    .catch((err) => { 

    }); 
    } 
    render() { 
     console.ignoredYellowBox = ['Remote debugger']; 
     const { navigate } = this.props.navigation; 
    return (
    <View style={styles.container}> 
     <Text style={styles.title}> 41 Studio IT Solutions </Text> 

      <TextInput 
      style={styles.loginInput} 
      onChangeText={(email) => this.setState({email})} 
      value={this.state.email} 
      underlineColorAndroid='transparent' 
      placeholder='Email' 
      /> 

      <TextInput 
      style={styles.loginInput} 
      onChangeText={(password) => this.setState({password})} 
      value={this.state.password} 
      underlineColorAndroid='transparent' 
      placeholder='Password' 
      secureTextEntry 
      /> 
      <View style={styles.main}> 
      <TouchableOpacity 
       style={styles.button} 
       onPress={this.signIn.bind(this)} 
      > 
      <Text style={styles.buttonText}> Sign In </Text> 
      </TouchableOpacity> 

      <TouchableOpacity 
       style={styles.button} 
       onPress={() => navigate('Register')} 
      > 
      <Text style={styles.buttonText}> Register </Text> 
      </TouchableOpacity> 

      </View> 
      <LoginButton 
      style={styles.facebookButton} 
      publishPremissions={["publish_actions"]} 
      onLoginFinished= {(error, result) => { 
       if(error) { 
        alert(error); 
       } 
       else if (result.isCancelled){ 
        console.log('Cancelled') 
       } 
       else { 
        AccessToken.getCurrentAccessToken().then((data) => { 
         console.log(data.accessToken.toString()) 
         const credential = firebase.auth.FacebookAuthProvider.credential(data.accessToken.toString()); 
         firebase.auth().signInWithCredential(credential).catch((e) => console.log(e)) 
         }) 
        } 
       } 
      } 
      onLogoutFinished={() => console.log("logout")} 
      /> 
      <GoogleSigninButton 
      style={styles.googleButton} 
      size={GoogleSigninButton.Size.Wide} 
      color={GoogleSigninButton.Color.Light} 
      onPress={this.handleSigninGoogle.bind(this)}/> 
      <Button onPress={() => this.Signout.bind(this)} title="Signout" /> 
     </View> 
    ); 
    } 
} 

回答