AngularFire 没有供应商(Angular 2)
No provider for AngularFire (Angular 2)
(这个和已有的问题不一样)
更新:
我正在使用 Angular 2 版本 2.2.3 和 angularfire2 版本 2.0.0-beta.6
在 Chrome 控制台中,我收到错误 No provider for AngularFire
。在我的 main.ts 我有这个:
platformBrowserDynamic().bootstrapModule(AppModule, [
FIREBASE_PROVIDERS,
defaultFirebase({
apiKey: <my-apikey>,
authDomain: <my-authdomain>,
databaseURL: <my-databaseurl>,
storageBucket: <my-storagebucket>
})
]);
在我看到的教程中,他们使用 bootstrap
而不是 platformBrowserDynamic().bootstrapModule
,但在我的 Angular 版本中,我无法只导入 bootstrap
。
您的配置与 documentation 中推荐的略有不同。
我的一个应用程序中 NgModule
配置的 AngularFire2 相关部分如下所示:
import {
AngularFireModule,
AuthMethods,
AuthProviders
} from 'angularfire2';
...
@NgModule({
bootstrap: [AppComponent],
declarations: [AppComponent],
imports: [
AngularFireModule.initializeApp({
apiKey: '<some-key>',
authDomain: '<some-project-authdomain>',
databaseURL: '<some-database-URL>',
storageBucket: '<some-storage-bucket>'
}, {
method: AuthMethods.Password,
provider: AuthProviders.Password
}),
BrowserModule,
...
]
})
class AppModule {}
platformBrowserDynamic().bootstrapModule(AppModule);
(这个和已有的问题不一样)
更新: 我正在使用 Angular 2 版本 2.2.3 和 angularfire2 版本 2.0.0-beta.6
在 Chrome 控制台中,我收到错误 No provider for AngularFire
。在我的 main.ts 我有这个:
platformBrowserDynamic().bootstrapModule(AppModule, [
FIREBASE_PROVIDERS,
defaultFirebase({
apiKey: <my-apikey>,
authDomain: <my-authdomain>,
databaseURL: <my-databaseurl>,
storageBucket: <my-storagebucket>
})
]);
在我看到的教程中,他们使用 bootstrap
而不是 platformBrowserDynamic().bootstrapModule
,但在我的 Angular 版本中,我无法只导入 bootstrap
。
您的配置与 documentation 中推荐的略有不同。
我的一个应用程序中 NgModule
配置的 AngularFire2 相关部分如下所示:
import {
AngularFireModule,
AuthMethods,
AuthProviders
} from 'angularfire2';
...
@NgModule({
bootstrap: [AppComponent],
declarations: [AppComponent],
imports: [
AngularFireModule.initializeApp({
apiKey: '<some-key>',
authDomain: '<some-project-authdomain>',
databaseURL: '<some-database-URL>',
storageBucket: '<some-storage-bucket>'
}, {
method: AuthMethods.Password,
provider: AuthProviders.Password
}),
BrowserModule,
...
]
})
class AppModule {}
platformBrowserDynamic().bootstrapModule(AppModule);