Firebase导出问题在反应[重复]

Question

我有一个名为firebase.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);

现在我正在我的index.jsReact文件中导入它，如下所示；

import firebaseApp from './firebase'

这给了我以下错误：

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

如果我将导入声明更改为：

import {firebaseApp} from './firebase'

它工作得很好。我知道这与javascript有关，但是你能给我解释一下这个概念吗？

Answer 1

您正在从fireBase.js导出命名的导出fireBase。这意味着您必须使用大括号语法指定导出的名称。

导出默认导出使用

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