javascript - キャッチされていない TypeError: ...default はコンストラクターではありません - Vue コンポーネントから

Question

こんにちは、Chrome コンソールで次のエラーが表示されます。

Uncaught TypeError: _firebase2.default is not a constructor

Fire.vue (webpack vue-loader) コンポーネントで次のコードを使用すると:

var db = new Firebase(this.rootUrl)

これが私のFire.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>

私の財産とは関係ありませんrootUrl。コードをきれいに保つためです。それが Firebase パッケージのエラーが原因なのか、それともコンポーネントにインポートするときに何かを見逃したのかはわかりません。

Answer 1

is not a constructorオブジェクトをキーワードFirebaseで呼び出すべきではないことを意味します。new

npm モジュールページをざっと見てみると、 Fireabseの初期化の次の例が示されています。

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