Angular 2和Firebase SDK

import * as firebase from 'firebase';

至

import {firebasE} from 'firebase';

足以使您的示例与firebase 3.6一起使用.

但是,我说这是偶然的. firebase.js看起来不像一个模块,它不使用module.exports或amd define,它只是创建具有以下属性的全局变量firebase：

INTERNAL: Object
Promise: Promise()
SDK_VERSION: "3.6.4"
User: (a,b,C)
__esModule: true
app: a(a)
apps: (...)
get apps: ()
auth: (C)
database: (C)
default: Object
initializeApp: (a,C)
messaging: (C)
storage: (C)
__proto__: Object

可能是__esModule的存在使得SystemJS将它包装在另一个对象中 – 如果你在调试器中查看import *的结果作为来自’firebase’的firebase它包含一个名为firebase的属性,它就是你需要的实际模块.

有趣的是,firebase.d.ts是以这样的方式编写的

import {firebasE} from 'firebase'; 

firebase.initializeApp(...);

有效,但看似平等

import * as firebase from 'firebase';

firebase.firebase.initializeApp(...);

没有检查.