反応の火災基盤の輸出問題

Question

私はfirebase.jsという名前のファイルがあります。 これは、次のコードが含まれています。今、私は私のindex.jsでこれをインポートしています

import * as firebase from 'firebase'; 

const config = { 
    apiKey: "some_random_key", 
    authDomain: "some_random_authDomain", 
    databaseURL: "some_random_databaseURL", 
    projectId: "some_random_projectId", 
    storageBucket: "some_random_bucket", 
    messagingSenderId: "some_random_Id" 
}; 

export const firebaseApp = firebase.initializeApp(config); 

は、以下のようにファイルに反応します。

import firebaseApp from './firebase' 

これは私に次のエラー与える：

./src/index.js 
13:0-11 "export 'default' (imported as 'firebaseApp') was not found in './firebase' 

を、私は私のimport文に変更した場合：

import {firebaseApp} from './firebase' 

をそれが正常に働いています。 これはjavascriptに関連していることは知っていますが、ここでその概念を説明してください。

Answer 1

named exportfireBaseをfirebase.jsからエクスポートしています。つまり、中括弧構文を使用してエクスポートの名前を指定する必要があります。

default export使用に

export default firebase.initializeApp(config) 
// or if you prefer to assign the result to a variable before exporting 
const firebaseApp = firebase.initializeApp(config) 
export default firebaseApp 

をエクスポートするにはこれは、例えば、あなたのデフォルトのエクスポートをインポートし、あなたが望むものを、それを呼び出すことができますimport firebaseApp from './firebase'またはimport foo from './firebaseApp