javascript - 将 Firebase 与 Webpack 和 TypeScript 结合使用

标签 javascript typescript firebase webpack

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

ma​​in.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 记录到控制台会返回一个对象,其中包含 authappdatabase 等方法,但这些似乎都不起作用(或者我错误地称呼他们)。有什么想法吗?

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

最佳答案

在我的项目中,我有同样的错误:它是由 firebase.json 文件引起的,我猜它被 webpack 拾取了。

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

您是否在您的目录中执行了 firebase init

另见:https://github.com/angular/angularfire2/issues/187

关于javascript - 将 Firebase 与 Webpack 和 TypeScript 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37367827/

相关文章:

javascript - 遍历数组并将元素推送到对象

javascript - 使用 Azure 应用服务部署的 Angular 应用程序无法找到使用 ngserve 时找到的 Assets

javascript - 与 firebase react native 平面列表

javascript - 没有ID的html拖放

javascript - 我无法检查评估的变量是否处于未定义状态

javascript - HTML & CSS : Fixed position when no scrollbar

typescript TS1241 : Unable to resolve signature of method decorator when called as an expression

android - 在 CustomListView 中使用 Picasso 从 URL 加载图像

java - 如何将多种类型的用户重定向到各自的Activity?

javascript - 从数字中提取整数