将 Firebase 与 Webpack 和 TypeScript 一起使用答案

【问题标题】：Using Firebase with Webpack and TypeScript将 Firebase 与 Webpack 和 TypeScript 一起使用
【发布时间】：2016-05-21 20:48:00
【问题描述】：

我正在尝试从 Firebase 实例中提取一些数据，但在尝试将其绑定到变量时遇到了问题。我正在使用 TypeScript 和 Webpack 进行构建。

main.ts

import * as Firebase from 'firebase';

class filter {
    constructor(){
        let ref = new Firebase('my-url-here');
    }
}

typings 和 npm 模块已安装并正常工作，Visual Code 没有显示任何错误，但是当我点击浏览器时，我得到：

错误

TypeError: Firebase is not a constructor

将 Firebase 记录到控制台会返回一个带有 auth、app 和 database 等方法的对象，但这些方法似乎都不起作用（或者我调用它们不正确）。有什么想法吗？

关于如何将 Firebase 整合到 Webpack/TypeScript 中的一般最佳实践同样受欢迎。

【问题讨论】：

【解决方案1】：

在我的项目中，我遇到了同样的错误：它是由 firebase.json 文件引起的，我猜它是被 webpack 拾取的。

我只能猜测它发生的原因：Webpack 创建了一个符号“Firebase”，它取代了 firebase 本身的构造函数。

您是否在目录中创建了firebase init？

【讨论】：