ReactとFirebaseで認証を追加する際に問題が発生する

Question

私が取り組んでいるアプリケーションに認証を追加する際に問題があります。

export const provider = new firebase.auth.GoogleAuthProvider(); 
export const auth = firebase.auth(); 

import firebase, { auth, provider } from './firebase.js'; 

私はちょうど含まれている私の設定（config.jsの）、のためのファイルを持っている：私は基本的にちょうどあり、これらの新しい行を、追加し始めるまでは、認証なしでそのまま すべてはfirebaseで正常に動作しますDB_CONFIGのエクスポート（すべての正しい情報を含む）。ここで私は問題に取り組んでいます。私が従っているチュートリアルでは、firebaseがconfigファイルにインポートされ初期化されていますが、私はApp.jsファイルでこれをやっています。私は数時間かけて別のことを試してきましたが、何も私のために働いていません。 Firebaseを自分の設定にインポートしてそこにあるinitializeAppを実行すると、App.jsが破損します。 my code vs. what I'm trying to follow.

authとプロバイダを設定してApp.jsファイルに簡単にインポートする方法はありますか？

Answer 1

コードを見て、私はいくつかの変更を加えましたが、おそらくこのアプローチは役に立ちますか？

import * as firebase from 'firebase' 
import { DB_CONFIG } from './Config/config'; 

// Configure firebase and it will be available globally. 
firebase.initializeApp(DB_CONFIG) 

// Once initialized you just need to create the provider and auth 
const provider = new firebase.auth.GoogleAuthProvider(); 
const auth = firebase.auth(); 

class App extends Component { 

    constructor(props){ 
    super(props); 

    // And just call firebase.database() to access database functionality. 
    // You don't even need to assign it to a local variable as you can access 
    // it anywhere in your code just by importing firebase 
    // and calling firebase.database() and also firebase.auth() 
    this.databaseRef = firebase.database().ref().child('players'); 
    } 
} 

PS：あなたが設定ファイルを変更していても、お使いのコンフィギュレーション情報は、要旨の改正ではまだ提供されています、ので、私はあなたの要旨を削除します...