Firebase 不是构造函数

Question

我正在尝试将 Firebase 集成到我的 Angular 2 应用程序中，但我不断收到 Firebase is not a constructor 的错误消息。以下是我所做的：

1. 使用 bower 安装了 firebase
2. 引用了 index.html 中的脚本。
3. 安装 firebase 环境类型
4. 创建了 Firebase 服务
5. 通过bootstrap()提供
6. 将其注入组件中

FirebaseService.ts

@Injectable()
export class FirebaseService
{
    dataRef: Firebase;
    constructor() {
        this.dataRef = new Firebase('https://boiling-inferno-1117.firebaseio.com/votes');
    }
}

boot.ts

bootstrap(App, [HTTP_PROVIDERS, 
    ROUTER_PROVIDERS, 
    IdentityService, 
    ApiService, 
    UrlService, 
    provide(FirebaseService, {useValue: new FirebaseService()})
])
.catch(err => console.error(err));

app.ts

@Component({
    selector: 'app',
    templateUrl: 'app/app.html',
    directives: [AuthRouterOutlet, ROUTER_DIRECTIVES]
})
export class App {        
    constructor(private firebase:FirebaseService)
    {

    }        
}

Systemjs 配置：

System.config({
    defaultJSExtensions: true,
    map: {
        'jquery': 'vendors/js/jquery',
        'firebase': 'vendors/js/firebase'
    },
    packages: {
        angular2: { defaultExtension: false },
        rxjs: { defaultExtension: false }
    }
});

并像下面这样导入Firebase：

import * as Firebase from 'firebase';

非常感谢任何关于我可以做些什么来解决这种情况的建议。

Answer 1

我会这样配置 Firebase：

System.config({
  map: {
    firebase: '/node_modules/firebase/lib/firebase-web.js',
    (...)
  },
  (...)
});

并像这样在 TypeScript 文件中导入它：

import * as Firebase from 'firebase';

详情请参阅 Angularfire2 的文档：

• https://github.com/angular/angularfire2