Ionic Angular 7独立项目集成Firebase：Providers配置位置咨询

1. 补全缺失的依赖包 #

ng add @angular/fire 偶尔会出现依赖安装不完整的情况，你需要手动安装缺失的firebase和rxfire包：

npm install firebase rxfire
# 或者使用yarn
yarn add firebase rxfire

2. 配置Firebase Providers的位置 #

Angular独立项目没有app.module.ts，Firebase的Providers配置不需要加在组件里，而是要放在项目入口文件main.ts的bootstrapApplication函数参数中：

首先在main.ts中导入所需的模块和环境变量：

import { bootstrapApplication } from '@angular/platform-browser';
import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
import { provideFirestore, getFirestore } from '@angular/fire/firestore';
import { environment } from './environments/environment';
// 导入你的根组件（通常是AppComponent）
import { AppComponent } from './app/app.component';

然后在bootstrapApplication的providers数组中添加Firebase配置：

bootstrapApplication(AppComponent, {
  providers: [
    provideFirebaseApp(() => initializeApp(environment.firebase)),
    provideFirestore(() => getFirestore())
    // 若需集成其他Firebase服务（如Auth、Storage），可在此添加对应的provideXXX配置
  ]
});

完成配置后，整个应用就能全局使用Firebase服务，无需在单个组件内重复配置。

内容的提问来源于stack exchange，提问作者Xyz.WebDeveloper