firebase出口问题的反应

时间:2017-10-23 10:52:38

标签: javascript reactjs firebase

我有一个名为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.js React文件中导入它,如下所示;

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有关,但是请你在这里解释一下这个概念。

1 个答案:

答案 0 :(得分:1)

您要从CASE导出named export fireBase。这意味着您必须使用大括号语法指定导出的名称。

导出default export使用

firebase.js

这允许您导入默认导出并按照您的意愿调用它,例如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'