javascript - 获取未捕获的类型错误：...默认不是构造函数 - 来自 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({ ... });