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

Question

我有一个 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 存储？我错过了任何模块吗？

Answer 1

试试

import  storage from 'firebase'; 

和

export default {App, firebase};