在 JavaScript 模块中正确导入 Firebase 存储

Posted 2023-02-22

【中文标题】在 JavaScript 模块中正确导入 Firebase 存储

【英文标题】：Correct import of Firebase Storage in JavaScript Modules

【发布时间】：2020-07-26 04:39:10

【问题描述】：

我有一个 Vue 项目，我想在其中使用 Firebase 存储。我已经在使用 Firebase Auth、Firestore 和 Analytics。我就是这样导入的：

import firebase from 'firebase/app'
import 'firebase/analytics'
import 'firebase/auth'
import 'firebase/firestore'
import 'firebase/storage'
const app = firebase.initializeApp(
    ... key etc. ...
)
const db = app.firestore()
const auth = app.auth()
const storage = app.storage()

一切正常，但存储无效。 “存储不是函数”

如果我执行以下操作，一切正常：

import firebase from 'firebase'
const app = firebase.initializeApp(
    ... key etc. ...
)
const db = app.firestore()
const auth = app.auth()
const storage = app.storage()

但对于 Firebase，您不应该这样做，因为它会导入所有 Firebase “您正在开发模式下使用 Firebase...”

实际上，我从 Firebase 文档中复制了我的代码。所以它应该工作。也许问题出在我项目的另一部分，但我真的不知道在哪里搜索它的数千行代码。

如何使用 javascript 模块正确导入 Firebase 存储？我错过了任何模块吗？

【问题讨论】：

如何导出它们？你能显示包含const app = firebase.initializeApp(... key etc. ...)

的文件的整个内容吗

【参考方案1】：

试试

import  storage from 'firebase'; 

和

export default App, firebase;