Firebaseが他のファイルで呼び出される前に初期化されていない

vueプロジェクトでfirebaseを使用しようとしています。私はfirebaseを使用するauth.jsのような他のjsファイルを持っていますが、main.js（webpackのエントリポイントであるはずです）で初期化していますが、他のファイルが最初に呼び出されたようです。私はwebpackテンプレートでvue-cliを使っています。Firebaseが他のファイルで呼び出される前に初期化されていない

私は取得していますエラーが

Firebaseさ：いいえFirebaseのApp '[DEFAULT]は' を作成しました - Firebase App.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、起こって何任意のアイデアを使用して、私は初めてですか？

出典

2017-03-12 DerekW

試し 'インポート*を呼び出すことによって、私のアプリの上にalllから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) })

それをやった方法です"firebase"; ' – Saurabh

@Saurabh私のために働かなかった☹️ – DerekW

これは私がVUEの火を使用していませんでしたが、私はからfirebaseとして

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

出典

2017-03-12 09:49:25

Firebaseが他のファイルで呼び出される前に初期化されていない

答えて

関連する問題