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