FirebaseError：Firebase：没有创建 Firebase 应用“[DEFAULT]” - 调用 Firebase App.initializeApp()答案

【问题标题】：FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp()FirebaseError：Firebase：没有创建 Firebase 应用“[DEFAULT]” - 调用 Firebase App.initializeApp()
【发布时间】：2020-11-19 16:38:29
【问题描述】：

嘿，我在这个问题上大发雷霆——我在这里阅读了几篇文章，但一直收到这个错误，这是我的 init.js 代码

import firebase from "firebase/app"
var config = {
    apiKey: "AIzaSyAF2VbjdWbQdsdsdk79nINQV5wdsdBn-uMy844gY7s",
    authDomain: "lcarchivewebsite.firebaseapp.com",
    databaseURL: "https://lcarchivewebsite.firebaseio.com",
    projectId: "lcarchivewebsite",
    storageBucket: "lcarchivewebsite.appspot.com",
    messagingSenderId: "71812947145517",
    appId: "1:718129478445517:web:0284d6bsdsdbb57384c87800c4"
};
firebase.initializeApp(config);
export const firestore = firebase.firestore()
export const db = firebase.database()
export const auth = firebase.auth()
export const storage = firebase.storage()

我的组件在这里：

<template>
<h2>hello</h2>
</template>
<script>
import storage from 'firebase'
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  created(){
    var storageRef = storage.storage().ref()
    var listRef = storageRef.child('2020')
    listRef.listAll().then((response) => {console.log(response)})
  }
}
</script>

我已经使用 npm install --save 安装了 firebase 这是 package.json

"dependencies": {
    "firebase": "^7.17.1",
    "materialize-css": "^1.0.0",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "webpack-cli": "^3.3.12"
  },

【问题讨论】：

标签： firebase vue.js

【解决方案1】：

这里有几个问题，第一个是您从node_modules 中的firebase 库导入，您应该导入从init.js 脚本导出的storage。

解决这个问题

import { storage } from '@/path/to/init.js' // "@" refers to your "src" directory

// snip

var storageRef = storage.ref()

另一个问题是，要使用 Firebase 存储等功能，您需要 import those libs。所以在init.js...

import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/database'
import 'firebase/firestore'
import 'firebase/storage'

【讨论】：