Я пытаюсь использовать библиотеку firebaseUI для аутентификации в приложении реакции, созданном с помощью create-реагировать-приложение.Он прекрасно работает в стандартном html / js-приложении, но я не могу заставить его работать с реагировать.
Вот мой простой компонент входа в систему:
import React, { Component } from 'react'
import * as firebase from 'firebase'
import firebaseui from 'firebaseui'
const dbConfig = {
apiKey: ...,
authDomain: ...,
...
}
firebase.initializeApp(dbConfig)
const uiConfig = {
signInFlow: 'popup',
signInOptions: [
firebase.auth.GoogleAuthProvider.PROVIDER_ID,
firebase.auth.EmailAuthProvider.PROVIDER_ID
]
}
class Login extends Component {
componentDidMount() {
console.log("component mounted")
var ui = new firebaseui.auth.AuthUI(firebase.auth())
ui.start('#firebaseui-auth-container', uiConfig)
}
render() {
return (
<div id="firebaseui-auth-container"></div>
)
}
}
export default Login
Все компоненты Firebase работают доЯ пытаюсь инициализировать виджет firebaseUI, используя new firebaseui.auth.AuthUI(firebase.auth())
, когда он выдает ошибку, говорящую firebase.initializeApp is not a function
.Кажется, проблема связана с node_modules/firebaseui/dist/npm.js:340
, когда вызывается initializeApp.
Кто-нибудь еще испытывал такое поведение (и, надеюсь, разрешил его)?
Вот мои зависимости от базы огня, кстати:
"firebase": "^5.0.2",
"firebaseui": "^3.0.0"