Próbuję utworzyć aplikację React, która używa przycisku "Zaloguj się z Google", aby wywołać signInWithPopup(provider)
. Jednak za każdym razem, gdy zadzwonię pod numer new firebaseApp.auth.GoogleAuthProvider()
, moja konsola zwraca błąd. Po prostu próbuję uzyskać console.log()
z result
.React - Firebase - GoogleAuthProvider nie jest konstruktorem.
Błąd: Uncaught TypeError: _firebase_setup2.default.auth.GoogleAuthProvider is not a constructor
Oto mój kod
firebase_setup.js
import * as firebase from 'firebase';
const firebaseConfig = {
apiKey: "AIzaSyAKlWtFZvbvuNy2qC68Xt5xzaTQVyy9l2o",
authDomain: "doordash-ff045.firebaseapp.com",
databaseURL: "https://doordash-ff045.firebaseio.com",
storageBucket: "doordash-ff045.appspot.com",
};
const firebaseApp = firebase.initializeApp(firebaseConfig);
export default firebaseApp;
login.js
import React, { Component } from 'react';
import { browserHistory } from 'react-router';
import firebaseApp from '../../../services/firebase_setup';
export default class Login extends Component {
componentDidMount() {
firebaseApp.auth().onAuthStateChanged(user => {
if (user) {
console.log(user);
browserHistory.push('/profile');
}
});
}
authenticate() {
var provider = new firebaseApp.auth.GoogleAuthProvider();
provider.addScope('profile');
provider.addScope('email');
firebaseApp.auth().signInWithPopup(provider)
.then(result => {
console.log(result);
})
}
render() {
return (
<div>
<h1>Login Page</h1>
<button onClick={this.authenticate.bind(this)}>
Login with Google
</button>
</div>
);
}
}
Byłbym wdzięczny za wszelkie informacje na ten temat! Sprawdziłem wiele tutoriali, ale zawsze napotykam na ten sam błąd podczas próby zadeklarowania zmiennej provider
.
miał podobny problem jakiś czas temu, mój problem został przy użyciu starych dokumentów i najnowszą wersję Firebase API, który nie obsługuje już konstruktor ' nowa baza Firebase ... ' – StackOverMySoul
@Davidlrnt dzięki za szybką odpowiedź! Używam jednak nowych dokumentów. – szier
'console.log (typeof firebaseApp.auth.GoogleAuthProvider)' dla wskazówki. –