Javascript Firebase在其他文件中调用之前未初始化

我试图在vue项目中使用firebase。我有其他的js文件，比如使用firebase的auth.js，但是我在我的main.js中初始化了它（这应该是webpack的入口点），但是看起来其他文件是先被调用的？Im使用vue cli和网页包模板

我得到的错误是

Firebase:尚未创建Firebase应用程序“[默认]”-请调用Firebase应用程序。initializeApp（）（应用程序/无应用程序）

这是main.js的第一部分

 // main.js
import Vue from 'vue';
import firebase from 'firebase';
// import firebaseui from 'firebaseui';
import VueFire from 'vuefire';
import App from './App';
import router from './router';
import database from './js/database';

Vue.use(VueFire);

const config = {
  apiKey: '***',
  authDomain: '***',
  databaseURL: '***',
  storageBucket: '***',
  messagingSenderId: '***',
};

firebase.initializeApp(config);
database.init();  

这是我第一次真正使用firebase，有什么想法吗？

我就是这样做的

import Vue from 'vue'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router'
import App from './App.vue'
import { routes } from './routes'
import * as firebase from 'firebase'
import { store } from './store/store'

Vue.use(VueResource);
Vue.use(VueRouter);


const router = new VueRouter({
  routes,
});

let config = {
apiKey: "XXXX",
authDomain: "XXXXXX",
databaseURL: "xXxxxxxx",
storageBucket: "XXXXXX",
messagingSenderId: "XXXXXX"
};

Vue.prototype.$firebase = firebase.initializeApp(config);

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})

我没有使用vue fire 但我可以通过调用alll在我的应用程序上使用firebase功能

this.$firebase.auth()
this.$firebase.database()
this.$firebase.storage()

---

尝试从“firebase”导入*作为firebase@Saurabh不为我工作☹️