javascript - 在没有angularfire的情况下以 Angular 6初始化firebase

Question

我想要一个项目 initialize firebase by using AngularFire .然而，在整个开发过程中，我并没有使用太多来自 AngularFire 的功能。我总是导入 firebase/app在每项服务中并使用相应的功能，如 firebase.auth()或 firebase.database() .

有了这个经验，我想在没有 AngularFire 的情况下初始化 firebase，因为我没有使用 AngularFire 方法。

现在我的问题是我找不到任何资源来教我如何初始化 firebase，当然我在导入 firebase 时看到了错误 app.module.ts .

下面是我的代码:

使用以下命令安装 Firebase:npm i firebase

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

import * as firebase from 'firebase';
import { environment } from '../environments/environment'; //API key is imported



@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    firebase.initializeApp(environment.firebase) //here shows the error
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

在 firebase.initializeApp(environment.firebase) 的行，它显示错误:

Type 'App' is not assignable to type 'any[] | Type<any> | 
ModuleWithProviders<any>'.
Type 'App' is not assignable to type 'ModuleWithProviders<any>'.
Property 'ngModule' is missing in type 'App'.

提前致谢。

Answer 1

我会说你有这个错误是因为 firebase.initializeApp(environment.firebase)不是 Angular 模块。

我建议您在您的一项服务中进行此初始化或为此效果创建一个服务。

@Injectable({
    providedIn: 'root'
})
export class FirebaseService {
    constructor() {
        firebase.initializeApp(environment.firebase)
    }
}