キャッチされない例外TypeErrorを取得：...デフォルトコンストラクタではありません - Vueのコンポーネントから

Question

こんにちは、私はクロームコンソールでエラーを以下の取得：

Uncaught TypeError: _firebase2.default is not a constructor 

私はに次のコードを使用するときFire.vue（WebPACKのvue-ローダ）コンポーネント：

<template lang="jade"> 
    h2 Hello from: {{ component_name }} 
</template> 

<script> 
import Vue from 'vue' 
import Firebase from 'firebase' 
Vue.prototype.$consoleLog = function (args) { console.log(args) } 

export default { 
    props: { 
    rootUrl: { 
     default: 'https://boiling-heat...', // here will be url of database 
     type: String 
    } 
    }, 
    data() { 
    return { 
     component_name: 'Firebase component!' 
    } 
    }, 
    ready() { 
    var db = new Firebase(this.rootUrl) // <- this causes error 
    this.$consoleLog(db) 
    } 
} 
</script> 

0：ここ

var db = new Firebase(this.rootUrl) 

は私のFire.vueの完全なコードです

私のrootUrlプロパティとは関係ありません。コードをきれいに保つだけです。私はそれがFirebaseパッケージのエラーによって引き起こされたかどうか、またはコンポーネントのためにインポートするときに何かを逃したのかどうかはわかりません。

Answer 1

is not a constructorを意味します。Firebaseキーワードはnewキーワードで呼び出すことはできません。

var firebase = require('firebase'); 
var app = firebase.intializeApp({ ... });