2017-11-15 2 views
-1

firebaseデータベースを使ってWebアプリケーションを作成し始めました。 firebase configは別のファイルにあり、アプリケーションにインポートされます。vuejsで複数の変数をエクスポートしようとしました

今はfirebaseストレージを追加したいのですが、dbとstの両方をエクスポートできないようです。 vuejsが名前付きエクスポートをサポートしていないというエラーメッセージが表示されます。私は代わりにアプリケーションをエクスポートし、dbとst参照を取り除くだろうが、私のアプリケーションは既にdbへの参照がたくさんある。 dbとstをエクスポートする簡単な方法はありますか?あなたが望むものを達成するために

const app = Firebase.initializeApp(config); 
const db = app.database(); 
const st = app.storage(); //this was recently added 

export default db; //How do I add 'st' to the export in vuejs? 

答えて

2

を、

あなたは、プロパティ、またはエクスポート異なる変数としてdbstでオブジェクトをエクスポートすることができます。

この構文はES6と呼ばれ、モジュールを使用します。あなたはそれらについてhere (2ality blog)here (MDN)を読むことができます。

あなたは試すことができます:あなたが好きな場所

export { db, st }; 

または

export const db = app.database(); 
export const st = app.storage(); 

次に、それらをインポートします。

import { db, st } from 'path/to/file' 
+0

「db.vue?6ea4:15個の名前付きエクスポートが* .vueファイルでサポートされていません」というエラーが表示されます。このスクリプトはdb.vueファイルにありますが、私はたくさんのコードを書き直す必要があります。 – gvon79

+0

通常の.jsファイルに保存してみてください。 コンポーネントには.vueファイルを使用する必要があります。 –

関連する問題