將Firebase與Webpack和TypeScript一起使用

Question

我正在嘗試從Firebase實例中提取一些數據，但是在嘗試將其綁定到變量時遇到問題。 我正在使用TypeScript和Webpack進行構建。

main.ts

import * as Firebase from 'firebase';

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

打字和npm模塊已安裝並運行，Visual Code不會出現任何錯誤，但是當我點擊瀏覽器時，我得到了：

錯誤

TypeError: Firebase is not a constructor

..

將Firebase登錄到控制台會返回一個帶有auth ， app和database類的方法的對象，但這些方法似乎都不起作用（或者我打錯了它們）。 有任何想法嗎？

同樣，將如何將Firebase集成到Webpack / TypeScript中的一般最佳實踐也將受到歡迎。

Answer 1

在我的項目我有同樣的錯誤：它是由引起firebase.json我的猜測得到了由的WebPack拿起文件。

我只能猜測為什么會發生：Webpack創建了一個符號“ Firebase”，該符號替換了Firebase本身的構造函數。

您是否在目錄中完成了firebase init ？