Firebase错误:Firebase:没有Firebase应用程序';[默认]';已创建-调用Firebase App.initializeApp()

Firebase错误:Firebase:没有Firebase应用程序';[默认]';已创建-调用Firebase App.initializeApp(),firebase,vue.js,Firebase,Vue.js,嘿,我在这篇文章上发疯了——我已经在这里读了好几篇文章,但是不断地得到这个错误——这是我的init.js代码 从“firebase/app”导入firebase 变量配置={ apiKey:“AIZASYAF2VBJDWBQDSDK79NINQV5WDSDBN-uMy844gY7s”, authDomain:“lcarchivewebsite.firebaseapp.com”, 数据库URL:“https://lcarchivewebsite.firebaseio.com", projectId

嘿,我在这篇文章上发疯了——我已经在这里读了好几篇文章,但是不断地得到这个错误——这是我的init.js代码

从“firebase/app”导入firebase
变量配置={
apiKey:“AIZASYAF2VBJDWBQDSDK79NINQV5WDSDBN-uMy844gY7s”,
authDomain:“lcarchivewebsite.firebaseapp.com”,
数据库URL:“https://lcarchivewebsite.firebaseio.com",
projectId:“LCArchiveWeb”,
storageBucket:“lcarchivewebsite.appspot.com”,
messagingSenderId:“71812947145517”,
appId:“1:718129478445517:web:0284d6bsdsdbb57384c87800c4”
};
firebase.initializeApp(配置);
export const firestore=firebase.firestore()
export const db=firebase.database()
export const auth=firebase.auth()
export const storage=firebase.storage()
我的组件在这里:


你好
从“firebase”导入存储
导出默认值{
名称:“HelloWorld”,
数据(){
返回{
msg:'欢迎使用您的Vue.js应用程序'
}
},
创建(){
var storageRef=storage.storage().ref()
var listRef=storageRef.child('2020')
listRef.listAll().then((响应)=>{console.log(响应)})
}
}
我已使用npm安装--save安装了firebase 这里是package.json

“依赖项”:{
“firebase”:“^7.17.1”,
“物化css”:“^1.0.0”,
“vue”:“^2.5.2”,
“vue路由器”:“^3.0.1”,
Web包cli“^3.3.12”
},

这里有两个问题,第一个是从
node\u modules
中的
firebase
lib导入,您应该在那里导入从
init.js
脚本导出的
storage

用……来解决这个问题

import{storage}from'@/path/to/init.js'/“@”指的是您的“src”目录
//剪断
var storageRef=storage.ref()

另一个问题是,为了使用Firebase的存储功能,您需要。所以在
init.js

从“firebase/app”导入firebase
导入“firebase/auth”
导入“firebase/数据库”
导入“firebase/firestore”
导入“firebase/storage”