【问题标题】:Can I export more than one default per module? React Project with Firebase我可以为每个模块导出多个默认值吗?使用 Firebase 反应项目
【发布时间】:2021-07-02 09:44:54
【问题描述】:

编译失败。解析错误:每个模块只允许一个默认导出。

所以我在我的 react 项目中使用 firebase 设置了用户身份验证,现在我想连接一个数据库。

在我的 firebase.js 中,我有以下代码:

import "firebase/auth";
import * as firebase from "firebase";

const firebaseConfig = {
    apiKey: "AIzaSyBR1E5loxQz_jA9YvG4HgNFq-nnHYunkkY",
    authDomain: "tryb-prints.firebaseapp.com",
    databaseURL: "https://tryb-prints.firebaseio.com",
    projectId: "tryb-prints",
    storageBucket: "tryb-prints.appspot.com",
    messagingSenderId: "333649716090",
    appId: "1:333649716090:web:27914b671376e870172cc3",
    measurementId: "G-YJG2RN7J95"
  };


const app = firebase.initializeApp({
    apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
    authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
    databaseURL: process.env.REACT_APP_FIREBASE_DATABASE_URL,
    projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
    storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
    appId: process.env.REACT_APP_FIREBASE_APP_ID
})

//Initialize firebase
var fireDb = firebase.initializeApp(firebaseConfig);

export default fireDb.database().ref();
export const auth = app.auth;
export default app;

它正在抛出这个错误!现在我明白了为什么,但想知道有没有办法在不创建新模块的情况下解决这个问题?任何帮助都非常感谢!谢谢!

Failed to compile.

./src/firebase.js
  Line 32:1:  Parsing error: Only one default export allowed per module.

  30 | export default fireDb.database().ref();
  31 | export const auth = app.auth;
> 32 | export default app;
     | ^

【问题讨论】:

    标签: reactjs firebase google-cloud-firestore firebase-authentication


    【解决方案1】:

    是的,您可以从一个文件中导出多个

    export = {
       export_one,
       export_two,
       export_three,
    }
    

    或者,

     export export_one
     export export_two
     ..........
    

    但只有一个默认导出。

    在您的情况下,您有两个无法正常工作的默认导出。然后像这样导入必要的模块:

    import {export_one, export_two} from './folder_name/file_name'
    

    阅读this了解更多信息

    【讨论】:

      猜你喜欢
      • 2017-05-11
      • 2020-10-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-10-22
      • 2019-11-22
      • 2019-11-08
      相关资源
      最近更新 更多